<display-internal>

Certains modes de disposition tels que table et ruby possèdent une structure interne complexe avec différents roles pour les éléments enfants et descendants. Cette page décrit ces valeurs « internes » pour display et qui s'appliquent dans un mode donné.

Syntaxe

Sauf mention contraire, le type d'affichage intérieur et extérieur sont définis simultanément par le mot-clé indiqué.

table-row-group

Ces éléments se comportent comme des éléments HTML <tbody>.

table-header-group

Ces éléments se comportent comme des éléments HTML <thead>.

Ces éléments se comportent comme des éléments HTML <tfoot>.

table-row

Ces éléments se comportent comme des éléments HTML <tr>.

table-cell

Ces éléments se comportent comme des éléments HTML <td>.

table-column-group

Ces éléments se comportent comme des éléments HTML <colgroup>.

table-column

Ces éléments se comportent comme des éléments HTML <col>.

table-caption

Ces éléments se comportent comme des éléments HTML <caption>.

ruby-base Expérimental

Ces éléments se comportent comme des éléments HTML <rb>.

ruby-text Expérimental

Ces éléments se comportent comme des éléments HTML <rt>.

ruby-base-container Expérimental

Ces éléments se comportent comme des éléments HTML <rbc> générés comme des boîtes anonymes.

ruby-text-container Expérimental

Ces éléments se comportent comme des éléments HTML <rtc>.

Compatibilité des navigateurs

css.properties.display.table-row-group

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
table-row-group

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

css.properties.display.table-header-group

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
table-header-group

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
table-footer-group

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

css.properties.display.table-row

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
table-row

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

css.properties.display.table-cell

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
table-cell

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

css.properties.display.table-column-group

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
table-column-group

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

css.properties.display.table-column

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
table-column

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

css.properties.display.table-caption

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
table-caption

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

css.properties.display.ruby-base

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
ruby-base

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support

css.properties.display.ruby-text

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
ruby-text

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support

css.properties.display.ruby-base-container

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
ruby-base-container

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support

css.properties.display.ruby-text-container

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
ruby-text-container

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support

Voir aussi