<display-internal>

tableruby のような一部のレイアウトモデルでは、複雑な内部構造があり、様々なその子要素や子孫要素が担う様々な役割があります。このページではこれらを「内部の」表示値として定義し、特定のレイアウトモードでのみ意味を持ちます。

構文

特に指定がない限り、これらの表示値を使用している要素には、これらのキーワードで内部表示種別と外部表示種別の両方が設定されます。

table-row-group
これらの要素は HTML の <tbody> 要素のように動作します。
table-header-group
これらの要素は HTML の <thead> 要素のように動作します。
table-footer-group
これらの要素は HTML の <tfoot> 要素のように動作します。
table-row
これらの要素は HTML の <tr> 要素のように動作します。
table-cell
これらの要素は HTML の <td> 要素のように動作します。
table-column-group
これらの要素は HTML の <colgroup> 要素のように動作します。
table-column
これらの要素は HTML の <col> 要素のように動作します。
table-caption
これらの要素は HTML の <caption> 要素のように動作します。
ruby-base
これらの要素は HTML の <rb> 要素のように動作します。
ruby-text
これらの要素は HTML の <rt> 要素のように動作します。
ruby-base-container
これらの要素は無名のボックスとして生成された HTML の <rbc> 要素のように動作します。
ruby-text-container
これらの要素は HTML の <rtc> 要素のように動作します。

ブラウザーの対応

対応している table の値

table, table-cell, table-column, table-column-group, table-footer-group, table-header-group, table-row, table-row-group

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
table, table-cell, table-column, table-column-group, table-footer-group, table-header-group, table-row, and table-row-groupChrome 完全対応 1Edge 完全対応 12Firefox 完全対応 1IE 完全対応 8Opera 完全対応 7Safari 完全対応 1WebView Android 完全対応 ≤37Chrome Android 完全対応 18Firefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 1Samsung Internet Android 完全対応 あり

凡例

完全対応  
完全対応

対応している ruby の値

ruby, ruby-base, ruby-base-container, ruby-text, ruby-text-container

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
ruby, ruby-base, ruby-base-container, ruby-text, and ruby-text-container
実験的
Chrome 未対応 なしEdge 完全対応 12Firefox 完全対応 38
完全対応 38
未対応 34 — 38
無効
無効 From version 34 until version 38 (exclusive): this feature is behind the layout.css.ruby.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
IE 完全対応 7Opera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 完全対応 38
完全対応 38
未対応 34 — 38
無効
無効 From version 34 until version 38 (exclusive): this feature is behind the layout.css.ruby.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Opera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし

凡例

完全対応  
完全対応
未対応  
未対応
実験的。動作が変更される可能性があります。
実験的。動作が変更される可能性があります。
ユーザーが明示的にこの機能を有効にしなければなりません。
ユーザーが明示的にこの機能を有効にしなければなりません。

関連情報