このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

<overflow-position>

<overflow-position>列挙型の値型で、配置対象物がその配置コンテナーより大きい場合に、コンテナーからどのようにあふれさせるかを定義します。例えば、中央揃えのアイテムがコンテナーより広い場合、あふれた部分はビューポートの先頭の端を超えて表示され、スクロールして到達できない可能性があります。<overflow-position> の値は、コンテンツを確実に表示するために配置モードを上書きすべきか (safe)、配置モードを厳密に遵守しなければならないか (unsafe) を定義します。

このデータ型は align-contentalign-itemsalign-selfjustify-itemsjustify-self の各プロパティと、place-contentplace-itemsplace-self の一括指定プロパティで有効です。 省略した場合、デフォルトのオーバーフロー配置は safeunsafe の混合となります。

構文

<overflow-position> = unsafe | safe

次のキーワード値を <overflow-position> 構文用語が表します。

safe

配置対象物のサイズが配置コンテナーをあふれる場合、配置対象物は配置モードが start であるかのように配置されます。

unsafe

配置対象物と配置コンテナーのサイズの比にかかわらず、指定された配置値が尊重されます。

仕様書

Specification
CSS Box Alignment Module Level 3
# typedef-overflow-position

関連情報