CSS text-decoration özelliği

Tanım ve kullanım

text-decoration özelliği, metne eklenen süslemeleri tanımlar.

Not:Süsleme rengi "color" özelliği tarafından ayarlanır.

Açıklama

Bu özellik, metne belirli bir etki (örneğin, alt çizgi eklemek) uygulamayı sağlar. Eğer alt nesneler kendi süslemelerini taşımazsa, atalarında ayarlanan süslemeler, soyut nesnelere "uzanır". Blink özelliğini desteklemek zorunda değil.

Ayrıca bakınız:

CSS eğitimi:CSS metin

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

Örnek

h1, h2, h3, h4 elementlerinin metin süslemesini ayarlayın:

h1 {text-decoration:overline;}
h2 {text-decoration:line-through;}
h3 {text-decoration:underline;}
h4 {text-decoration:blink;}

Deneyin

CSS dilbilgisi

text-decoration: text-decoration-line text-decoration-color text-decoration-style text-decoration-thickness|initial|inherit;

Özellik değeri

Değer Açıklama
text-decoration-line Kullanılacak metin süslemesi türünü (alt çizgi, üst çizgi, çizgi) ayarlayın.
text-decoration-color Metin süslemesinin rengini ayarlayın.
text-decoration-style Metin süslemesinin tarzını (gerçek, dalgalı, noktalı çizgi, kesik çizgi, çift çizgi) ayarlayın.
text-decoration-thickness Dekorasyon çizgisinin kalınlığını ayarlayın.
initial Bu özelliği varsayılan değerine ayarlayın. initial参阅.
inherit Bu özelliği ebeveyn elementinden miras alır. inherit参阅.

Teknik ayrıntılar

Varsayılan değer: yok
Mirasçılık: hayır
Sürüm: CSS1
JavaScript dilbilgisi: object.style.textDecoration="overline"

Daha fazla örnek

Metin süslemeleri
Bu örnek, metne nasıl ekstra süslemeler eklenğini gösterir.

Tarayıcı desteği

Tablodaki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtmektedir.

Chrome IE / Edge Firefox Safari Opera
1.0 3.0 1.0 1.0 3.5