これは実験的な機能です。本番で使用する前にブラウザー実装状況をチェックしてください。

このプロパティは将来の仕様書に延期されており、現在はどのブラウザーでも実装されていません。

CSS の box-suppress プロパティは、要素のボックスの生成を制御します。

/* キーワード値 */
box-suppress: show;
box-suppress: discard;
box-suppress: hide;

/* グローバル値 */
box-suppress: inherit;
box-suppress: initial;
box-suppress: unset;

display-outside の計算値が none である場合、 box-suppress の計算値は discard になります。そうでなければ、計算値は指定された値になります。

DB に値が見つかりません!

構文

以下のキーワード値のうちの一つです。

show
要素は display-* プロパティごとに、通常通りボックスを生成します。
discard
要素は一切ボックスを生成しません。
hide
要素は通常通りボックスを生成しますが、ボックスはどのような形でもレイアウトに加わらず、一切表示されません。
要素の width プロパティの計算値を求める場合のように、レイアウトに関する情報を得る目的の場合、ボックスを作成しないかのように扱う必要があります。
アニメーションや counter-increment など、ボックスに依存するプロパティでレイアウトに依存しない場合、この要素とその子孫が通常通りに動作する必要があります。

形式文法

Syntax not found in DB!

仕様書

仕様書 状態 備考
CSS Display Module Level 3
box-suppress の定義
草案 将来の仕様書に延期

ブラウザーの対応

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

機能 Chrome Firefox (Gecko) Internet Explorer Opera Safari
基本対応 未サポート 未サポート 未サポート 未サポート 未サポート
機能 Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
基本対応 未サポート 未サポート 未サポート 未サポート 未サポート

ドキュメントのタグと貢献者

このページの貢献者: mfuji09
最終更新者: mfuji09,