CSS 2 Example 43

>> English << | česky | Português ZVON > Tutorials > CSS2 tutorial
Intro / Search / ZVON
>> 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

AltStyle によって変換されたページ (->オリジナル) /