overflow
overflow özelliği, blok elementlerinde bir içerik taşması durumunda içeriğin gösterilme şeklini belirler.
DOM Sözdizimi
element.style.overflow = "gosterim"
CSS Sözdizimi
overflow: gosterim
gosterim | visible, hidden, scroll ve auto değerlerinden birini alır. |
CSS overflow Değerleri
Koyu renkli kutuların ortak değerleri aşağıdaki gibidir.
{
width: 120px;
height: 90px;
background-color: #D0D0D0;
}
overflow: | Canlı Sonuç | Açıklama |
visible |
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. |
İçerik, element dışına taşarsa içerik kesilmeden gösterilir. |
hidden |
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. |
İçerik, element dışına taşarsa taşan kısım kesilerek gösterilmez. |
scroll |
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. |
İçerik, taşsın veya taşmasın yatay ve dikey sürükleme çubukları gösterilir. |
auto |
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. |
Yatay veya dikey taşmaya göre sürükleme çubuklarından biri veya her ikisi otomatik gösterilir. |
|