CSS text-overflow Özelliği
CSS text-justify
Csstext-justify
özelliği ile taşan metinlerin nasıl sonlandırılacağı düzenlenir.Örnek:
Bu örnekte iki farklıdiv
elemanına farklı değerlerde text-overflow
özelliği uygulanmıştır. .kutu1 {
white-space: nowrap;
width: 180px;
overflow: hidden;
text-overflow: clip;
border: 1px solid blue;
}
.kutu2 {
white-space: nowrap;
width: 180px;
overflow: hidden;
text-overflow: ellipsis;
border: 1px solid blue;
}
CSS text-justify nedir nasıl kullanılır
Metinlerin içinde bulundukları elemanın sınır boyutlarına ulaştığındaki gösterim şekli bu özellikle birlikte düzenlenebilir.
CSS text-justify | CSS text-justify özellikleri | |
---|---|---|
Varsayılan Değer: | clip | |
Kalıtsallık: | yok | |
Animasyon Özelliği: | yok | |
Versiyon: | CSS3 | |
JavaScript text-justify: | object.style.textOverflow="ellipsis" |
CSS text-justify Tarayıcı Desteği
Tablodaki sayılar özelliği ilk destekleyen tarayıcı versiyonlarını göstermektedir.
CSS Kodu: | |||||
---|---|---|---|---|---|
text-justify | 4.0 | 6.0 | 7.0 | 3.1 | 11.0 9.0 -o- |
CSS text-justify Değerleri
text-justify:clip|ellipsis|string|initial|inherit;
Yorumlar
Yorum Gönder