Absolute Positioning

<style type="text/css">
<!--
div#s1 {right:0; top:0}         /* składnia z podaniem  */
div#s2 {right:150px; top:0}     /* wartości atrybutu id */
div#s3 {right:0; top:150px}
div#s4 {right:150px; top:150px}
div                             /* składnia podstawowa */
{
  position:absolute; width:150px; height:150px;
  border-style:solid; border-width:1px; background-color:silver
}
-->
</style>

Opis cechy position:

9.3.1 Choosing a positioning scheme: 'position' property

Value: static | relative | absolute | fixed | inherit
Initial: static
Applies to: all elements
Inherited: no
Percentages: N/A
Media: visual
Computed value:	as specified

Opis cech top, right, bottom, left:

9.3.2 Box offsets: 'top', 'right', 'bottom', 'left'

Value: <length> | <percentage> | auto | inherit
Initial: auto
Applies to: positioned elements
Inherited: no
Percentages: refer to height of containing block
Media: visual
Computed value: for 'position:relative', see section Relative Positioning. For 'position:static', 'auto'.
                Otherwise: if specified as a length, the corresponding absolute length; if specified as
                a percentage, the specified value; otherwise, 'auto'.

Zobacz też:

1.4.2 CSS property definitions

Strona główna