ZVON > References > CSS2 Reference

Go to Standard
Property: display
Inherited: no
Value: inline | block | list-item | run-in | compact | marker |table | inline-table | table-row-group | table-header-group |table-footer-group | table-row | table-column-group | table-column |table-cell | table-caption | none | inherit
Initial: inline
Applies to: all elements
Media: all
Percentages: N/A

Examples:



     <text> text text text text
          <em>inside</em> text text text text text
     </text>
View
text {display: block}
em {display: block; color:red}



     <text> text text text text
          <em>inside</em> text text text text text
     </text>
View
text {display: block}
em {display: inline; color:red}



     <text> text text text text
          <em>inside</em> text text text text text
     </text>
View
text {display: block}
em {display: none}



     <text> text text text text
          <em>inside</em> text text text text text
     </text>
View
text {display: block}
em {display: list-item; color:red; list-style-type: disc; list-style-position: inside}



     <tab>
          <group>
               <name>Gandalf</name>
               <name>Frodo</name>
               <name>Sam</name>
          </group>
          <group>
               <role>wizard</role>
               <role>main hero</role>
               <role>best friend of main hero</role>
          </group>
          <cap>My favourite heroes</cap>
     </tab>
View
tab {display: table; border: black solid}
group {display: table-row}
name, role {display: table-cell}
cap {display: table-caption}



     <tab>
          <group>
               <headings>Name</headings>
               <name>Gandalf</name>
               <name>Frodo</name>
               <name>Sam</name>
          </group>
          <group>
               <headings>Role</headings>
               <role>wizard</role>
               <role>main hero</role>
               <role>best friend of main hero</role>
          </group>
     </tab>
View
tab {display: table; border: black solid}
group {display: table-column}
headings, name, role {display: table-cell}



     <text> text text text text
          <inside>
               <row>
                    <item>AAA</item>
                    <item>BBB</item>
               </row>
          </inside> text text text text
     </text>
View
text {display: block}
inside {display: inline-table; border: black solid}




_____________________________________________
Reference Search | Sitemap | XML Glossary       ZVON | Systinet