ZVON > References > CSS2 Reference

Go to Standard
Property: top
Inherited: no
Value: <length> | <percentage> | auto | inherit
Initial: auto
Applies to: positioned elements
Media: visual
Percentages: refer to height of containing block

Examples:



     <doc>
          <AAA> absolutely positioned block element, try to resize your window </AAA>
     </doc>
View
* {display: block}
AAA {position: absolute;
top: 20px;
height: 100px;
width: 150px;
border: red solid thin}



     <doc>
          <AAA> absolutely positioned block element, try to resize your window </AAA>
     </doc>
View
* {display: block}
AAA {position: absolute;
top: 75%;
height: 100px;
width: 150px;
border: red solid thin}



     <XXX>
          <AAA>aaa</AAA>
          <BBB>bbb</BBB>
          <CCC>ccc</CCC>
          <DDD>ddd</DDD>
          <EEE>eee</EEE>
     </XXX>
View
XXX * {border: solid thin red; width: 100px}
AAA {display:block;}
BBB {display:block; position:relative; top:1em}
CCC {display:block; position:relative; top:3em}
DDD {display:block; position:relative; top:6em}
EEE {display:block; position:relative; top:12em}



_____________________________________________
Reference Search | Sitemap | XML Glossary       ZVON | Systinet