Atribut text-underline-offset CSS

Definisi dan penggunaan

text-underline-offset Properti menentukan jarak offset teks garis bawah.

Contoh

Atur jarak offset teks garis bawah:

div.a {
  text-decoration: underline;
}
div.b {
  text-decoration: underline;
  text-underline-offset: 10px;
}
div.c {
  text-decoration: underline wavy blue;
}
div.d {
  text-decoration: underline wavy blue;
  text-underline-offset: 10px;
}

Coba sendiri

Syntaks CSS

text-underline-offset: auto|length|percentage|initial|inherit;

Nilai properti

Nilai Deskripsi
auto Nilai default. Browser mengatur jarak offset yang sesuai untuk garis bawah.
length Tentukan jarak offset dengan nilai panjang.
percentage Tentukan jarak offset dengan persen.
initial Setel properti ini ke nilai default. Lihat initial.
inherit Mengeset properti ini untuk nilai default. Lihat inherit.

Detil teknis

Nilai default: auto
Inheritsi: yes
Pembuatan animasi: Tidak didukung. Lihat:Properti animasi.
Versi: CSS4
Syntaks JavaScript: object.style.textUnderlineOffset="1em"

Dukungan browser

Angka di tabel menunjukkan versi browser pertama yang mendukung properti ini.

Chrome Edge Firefox Safari Opera
87.0 87.0 70.0 12.1 73.0

Halaman terkait

Tutorial:Dekorasi teks CSS

Referensi:HTML DOM tekst-decoration properti