>> English << | česky | PortuguêsZVON > Tutorials > CSS2 tutorial
>> Example 43 << | Prev | Next | Index | Contents

The value table of display property defines a table in a box context (1), the value inline-table in inline context (2).

XML SourceCSS stylesheetExample link
(1)
     <TEXT>
          <html:p> start start start
               <AAA>
                    <BBB>
                         <CCC>ccc1</CCC>
                         <DDD>ddd1</DDD>
                         <EEE>eee1</EEE>
                    </BBB>
                    <BBB>
                         <CCC>ccc2</CCC>
                         <DDD>ddd2</DDD>
                         <EEE>eee2</EEE>
                    </BBB>
               </AAA> end end end
          </html:p>
     </TEXT>

AAA {display: table}
BBB {display: table-row}
CCC {display: table-cell}
DDD {display: table-cell}
EEE {display: table-cell}
View output
XML SourceCSS stylesheetExample link
(2)
     <TEXT>
          <html:p> start start start
               <AAA>
                    <BBB>
                         <CCC>ccc1</CCC>
                         <DDD>ddd1</DDD>
                         <EEE>eee1</EEE>
                    </BBB>
                    <BBB>
                         <CCC>ccc2</CCC>
                         <DDD>ddd2</DDD>
                         <EEE>eee2</EEE>
                    </BBB>
               </AAA> end end end
          </html:p>
     </TEXT>

AAA {display: inline-table}
BBB {display: table-row}
CCC {display: table-cell}
DDD {display: table-cell}
EEE {display: table-cell}
View output