taşma

İçeriğin bir öğeyi nasıl taştığını hızlı bir şekilde yapılandırmak için bu kısayol yardımcı programlarını kullanın.

overflowDört varsayılan değer ve sınıfla özelliği anında ayarlayın . Bu sınıflar varsayılan olarak yanıt vermiyor.

.overflow-autoBu, ayarlanmış genişlik ve yükseklik boyutlarına sahip bir öğe üzerinde kullanmaya bir örnektir . Tasarım gereği, bu içerik dikey olarak kaydırılacaktır.

.overflow-hiddenBu, ayarlanmış genişlik ve yükseklik boyutlarına sahip bir öğe üzerinde kullanmaya bir örnektir .

.overflow-visibleBu, ayarlanmış genişlik ve yükseklik boyutlarına sahip bir öğe üzerinde kullanmaya bir örnektir .

.overflow-scrollBu, ayarlanmış genişlik ve yükseklik boyutlarına sahip bir öğe üzerinde kullanmaya bir örnektir .

<div class="overflow-auto">...</div>
<div class="overflow-hidden">...</div>
<div class="overflow-visible">...</div>
<div class="overflow-scroll">...</div>

$overflowsSass değişkenlerini kullanarak, içindeki değişkeni değiştirerek taşma yardımcı programlarını özelleştirebilirsiniz _variables.scss.

küstah

Yardımcı Programlar API'sı

Taşma yardımcı programları, scss/_utilities.scss. Yardımcı programlar API'sini nasıl kullanacağınızı öğrenin.

    "overflow": (
      property: overflow,
      values: auto hidden visible scroll,
    ),