ZVON > References > CSS2 Reference

Go to Standard
Property: margin
Inherited: no
Value: <margin-width> {1,4} | inherit
Initial: not defined for shorthand properties
Applies to: all elements
Media: visual
Percentages: refer to width of containing block
Sub-properties: margin-bottom | margin-left | margin-right | margin-top

Examples:



     <AAA> Try to resize window.
          <BBB>BBB</BBB>
          <CCC>CCC</CCC>
     </AAA>
View
* {display: block}
AAA {margin: 20px; border: red solid thin}
BBB {margin: 5px; border: blue solid thin}



     <AAA> Try to resize window.
          <BBB>BBB</BBB>
          <CCC>CCC</CCC>
     </AAA>
View
* {display: block}
AAA {margin: 20%; border: red solid thin}
BBB {margin: 5px; border: blue solid thin}



     <AAA> Try to resize window.
          <BBB>BBB</BBB>
          <CCC>CCC</CCC>
     </AAA>
View
* {display: block}
AAA {margin: 10px 20px 40px 80px; border: red solid thin}



     <AAA> Try to resize window.
          <BBB>BBB</BBB>
          <CCC>CCC</CCC>
     </AAA>
View
* {display: block}
AAA {margin: 20px 80px; border: red solid thin}




_____________________________________________
Reference Search | Sitemap | XML Glossary       ZVON | Systinet