Ana içeriğe geç Dokümanlar navigasyonuna atla
Check
in English

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,
    ),