属性 text-underline-offset CSS

Definisi dan penggunaan

text-underline-offset Atribut 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

CSS Syntax

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

Nilai atribut

Value Description
auto Nilai lalai. Pereksa mengatur jarak offset yang sesuai untuk garis bawah.
length Tentukan jarak offset dalam nilai panjang.
percentage Tentukan jarak offset dalam persen.
initial Tetapkan atribut ini ke nilai lalai. Lihat: initial.
inherit Mengatur atribut ini untuk nilai lalai. Lihat: inherit.

Detil teknikal

Nilai lalai: auto
Inheritsi: ya
Pembuatan animasi: Tidak didukung. Lihat:Atribut berhubungan dengan animasi.
Versi: CSS4
语法: JavaScript object.style.textUnderlineOffset="1em"

Dukungan pereksa

Angka di dalam tabel menunjukkan versi pereksa pertama yang mendukung atribut ini.

Chrome Edge Firefox Safari Opera
87.0 87.0 70.0 12.1 73.0

Halaman berkaitan

Panduan:Hiasan teks CSS

Rujukan:Hypertext Markup Language Document (HTML DOM) attribute textDecoration