Atribut text-decoration-thickness CSS

Rekomendasi kursus:

Definisi dan penggunaan

Atribut text-decoration-thickness menentukan ketebalan garis dekorasi.

Lihat juga:Panduan referensi CSS:

Atribut text-decorationTeks CSS

Panduan CSS:

Contoh

Atur ketebalan garis dekorasi yang berbeda 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%;
}

Coba sendiri

Sintaksis CSS

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

Nilai atribut

Nilai Deskripsi
auto Browser memilih ketebalan garis dekorasi.
from-font Jika berkas font mengandung informasi tentang ketebalan pilihan, gunakan nilai ini. Jika tidak, akan muncul seperti auto.
length/percentage Tentukan ketebalan dengan nilai panjang atau persen.
initial Atur atribut ini ke nilai standarnya. Lihat initial.
inherit Mengambil atribut ini dari elemen induknya. Lihat inherit.

Detil teknis

Nilai standar: auto
Warisan: Tidak
Pembuatan animasi: Tidak didukung. Lihat:Atribut yang berhubungan dengan animasi.
Versi: CSS4
Sintaksis JavaScript: object.style.textDecorationThickness="5px"

Dukungan browser

Angka di tabel menunjukkan versi browser pertama yang sepenuhnya mendukung atribut ini.

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