in English
オーバーフロー
これらの簡易ユーティリティを使用して、コンテンツが要素からオーバーフローする方法をすばやく構成します。
overflow
4 つのデフォルト値とクラスを使用して、その場でプロパティを調整します。これらのクラスは、デフォルトではレスポンシブではありません。
.overflow-auto
これは、幅と高さの寸法が設定された要素
で使用する例です
。設計上、このコンテンツは垂直方向にスクロールします。
.overflow-hidden
これは、幅と高さの寸法が設定された要素
で使用する例です
。.overflow-visible
これは、幅と高さの寸法が設定された要素
で使用する例です
。.overflow-scroll
これは、幅と高さの寸法が設定された要素
で使用する例です
。<div class="overflow-auto">...</div>
<div class="overflow-hidden">...</div>
<div class="overflow-visible">...</div>
<div class="overflow-scroll">...</div>
$overflows
Sass 変数を使用すると、 の変数を変更してオーバーフロー ユーティリティをカスタマイズできます_variables.scss
。
サス
ユーティリティ API
オーバーフロー ユーティリティは、 のユーティリティ API で宣言されていますscss/_utilities.scss
。ユーティリティ API の使用方法を学びます。
"overflow": (
property: overflow,
values: auto hidden visible scroll,
),