CSS text-decoration-thickness özelliği

Kurs Önerileri:

Tanım ve Kullanım

text-decoration-thickness özelliği, süs çizgisi kalınlığını belirler.

Ayrıca bakınız:CSS Kaynak Kılavuzu:

text-decoration özelliğiCSS Metin

CSS Eğitimi:

Örnek

<h1>、<h2>、<h3>、<h4> elementlerine farklı kalınlıklarda süs çizgileri ayarlayın:
  text-decoration: underline;
  text-decoration-thickness: auto;
}
h2 {
  text-decoration: underline;
  text-decoration-thickness: 5px;
}
h3 {
  text-decoration: underline;
  text-decoration-thickness: 50%;
}
/* Kısa özellik kullanımı */
h4 {
  text-decoration: underline solid red 50%;
}

Deneyin

CSS dilbilgisi

text-decoration-thickness: auto|from-font|length/percentage|initial|inherit;

Özellik değeri

Değer Açıklama
auto Tarayıcı, süs çizgisi kalınlığını seçer.
from-font Eğer font dosyası tercih edilen kalınlık hakkında bilgi içeriyorsa, bu değeri kullanın. Aksi takdirde, auto olarak görüntülenir.
length/percentage Kalınlık, uzunluk değeri veya yüzdelik değer olarak belirlenmelidir.
initial Bu özelliği öntanımlı değerine ayarlayın. Bakınız initial.
inherit Bu özelliği ebeveyn elementinden devralır. Bakınız inherit.

Teknik ayrıntılar

Öntanımlı değer: auto
Geçiş: Hayır
Animasyon yapımı: Desteklenmiyor. Bakınız:Animasyonla ilgili özellikler.
Sürüm: CSS4
JavaScript dilbilgisi: object.style.textDecorationThickness="5px"

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
89.0 89.0 70.0 12.1 75.0