<overflow-position>
<overflow-position> は列挙型の値型で、配置対象物がその配置コンテナーより大きい場合に、コンテナーからどのようにあふれさせるかを定義します。例えば、中央揃えのアイテムがコンテナーより広い場合、あふれた部分はビューポートの先頭の端を超えて表示され、スクロールして到達できない可能性があります。<overflow-position> の値は、コンテンツを確実に表示するために配置モードを上書きすべきか (safe)、配置モードを厳密に遵守しなければならないか (unsafe) を定義します。
このデータ型は align-content、align-items、align-self、justify-items、justify-self の各プロパティと、place-content、place-items、place-self の一括指定プロパティで有効です。
省略した場合、デフォルトのオーバーフロー配置は safe と unsafe の混合となります。
構文
<overflow-position> = unsafe | safe
値
次のキーワード値を <overflow-position> 構文用語が表します。
仕様書
| Specification |
|---|
| CSS Box Alignment Module Level 3> # typedef-overflow-position> |
関連情報
- このデータ型を使用するプロパティ:
align-content,align-items,align-self,justify-contentjustify-items,justify-self,place-content,place-items,place-self - その他のボックス配置データ型:
<content-distribution>,<content-position>,<baseline-position>,<self-position> - CSS ボックス配置モジュール
- CSS フレックスボックスレイアウトモジュール
- CSS グリッドレイアウトモジュール