Atribut text-decoration-thickness CSS

Perekaan kursus disarankan:

Definisi dan penggunaan

Atribut text-decoration-thickness menentukan ketebalan garisan hias.

Lihat juga:Panduan referensi CSS:

Atribut text-decorationTeks CSS

Panduan CSS:

Contoh

Tetapkan ketebalan garisan hias berbeza untuk elemen <h1>、<h2>、<h3>、<h4>:
  text-decoration: underline;
  text-decoration-thickness: auto;
}
h2 {
  text-decoration: underline;
  text-decoration-thickness: 5px;
}
h3 {
  text-decoration: underline;
  text-decoration-thickness: 50%;
}
/* Gunakan atribut singkat */
h4 {
  text-decoration: underline solid red 50%;
}

Cuba sendiri

Bentuk Bahasa CSS

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

Nilai atribut

Nilai Penerangan
auto Pereka pilih ketebalan garisan hias.
from-font Jika fail font mengandungi maklumat tentang ketebalan pilihan, gunakan nilai ini. Jika tidak, ia akan muncul sebagai auto.
length/percentage Tentukan ketebalan dengan nilai panjang atau persen.
initial Tetapkan sifat ini ke nilai lalainya. Lihat initial.
inherit Mewarisi sifat ini dari elemen bapanya. Lihat inherit.

Perincian teknikal

Nilai lalai: auto
Warisan: Tidak
Pembuatan animasi: Tidak disokong. Lihat:Atribut berhubungan dengan animasi.
Versi: CSS4
Bentuk Bahasa JavaScript: object.style.textDecorationThickness="5px"

Pendukung pereka

Nombor di dalam tabel menunjukkan versi pereka penuh yang mendukung sifat ini.

Chrome IE / Edge Firefox Safari Opera
89.0 89.0 70.0 12.1 75.0