CSS

====Position property====
There are five possible values of the <syntaxhighlight lang="CSS" inline>position</syntaxhighlight> property. If an item is positioned in any way other than <syntaxhighlight lang="CSS" inline>static</syntaxhighlight>, then the further properties <syntaxhighlight lang="CSS" inline>top</syntaxhighlight>, <syntaxhighlight lang="CSS" inline>bottom</syntaxhighlight>, <syntaxhighlight lang="CSS" inline>left</syntaxhighlight>, and <syntaxhighlight lang="CSS" inline>right</syntaxhighlight> are used to specify offsets and positions.The element having position static is not affected by the  <syntaxhighlight lang="css" inline="">top</syntaxhighlight>, <syntaxhighlight lang="css" inline="">bottom</syntaxhighlight> , <syntaxhighlight lang="css" inline="">left</syntaxhighlight> or  <syntaxhighlight lang="css" inline="">right</syntaxhighlight> properties.

=====Static=====
The default value places the item in the ''normal flow''.

=====Relative=====
The item is placed in the ''normal flow'', and then shifted or offset from that position. Subsequent flow items are laid out as if the item had not been moved.

=====Absolute=====
Specifies ''absolute positioning''. The element is positioned in relation to its nearest non-static ancestor.

=====Fixed=====
The item is ''absolutely positioned'' in a fixed position on the screen even as the rest of the document is scrolled<ref name="W3C-positioning"/>