CSS text-overflow özelliği

Tanım ve kullanım

text-overflow özelliği, metnin içeriğinde yer alan elemanı aşarsa neler olacağını tanımlar.

Ayrıca bkz:

CSS3 eğitimi:CSS3 metin etkileri

HTML DOM referans el kitabı:textOverflow özelliği

Örnek

text-overflow özelliğini kullanarak:

div.test
{
text-overflow:noksan işareti;
}

Kişisel olarak deneyin

Sayfa altında daha fazla örnek var.

CSS dilbilgisi

text-overflow: clip|noksan işareti|dizge;

Özellik değeri

Değer Açıklama Test
clip Metni kırp Test
noksan işareti Kırpılan metni temsil etmek için noksan işaretini gösterir. Test
dizge Kırpılan metni temsil etmek için verilen dizge kullanılır.

Teknik ayrıntılar

Öntanımlı değer: clip
Miras: hayır
Sürüm: CSS3
JavaScript dilbilgisi: object.style.textOverflow="ellipsis"

Daha fazla örnek

hover etkisi ile Text-overflow
Bu örnek, imleç elemanın üzerindeyken tüm metnin nasıl gösterileceğini gösterir.

Tarayıcı desteği

Tablo, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.

数字 -o- ile birlikte, önekli ilk sürümü kullanır.

Chrome IE / Edge Firefox Safari Opera
4.0 6.0 7.0 3.1 11.0
9.0 -o-