CSS text-underline-offset 属性

Definisyon at Paggamit

text-underline-offset Ang katangian ay nagsasetya ng layo ng pag-aayos ng text-decoration na underline.

Halimbawa

Iset ang layo ng pag-aayos ng text-decoration na underline:

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;
}

Subukan ang iyong sarili

Syntax ng CSS

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

Halaga ng katangian

Halaga Paglalarawan
auto Default Value. Ang browser ay nagtatakda ng magandang offset para sa underline.
length Tukuyin ang offset ng pagsasaayos sa sukat ng haba.
percentage Tukuyin ang offset ng pagsasaayos sa porsyento.
initial Iset ang katangian na ito sa default na halaga. Tingnan ang: initial.
inherit Magsetya ng katangian na ito sa default na halaga. Tingnan ang: inherit.

Detalye ng Teknolohiya

Default Value: auto
Inherits: yes
Gawain ng animasyon: Hindi suportado. Tingnan ang:Mga katangian ng animasyon.
Bersyon: CSS4
Syntax ng JavaScript: object.style.textUnderlineOffset="1em"

Suporta ng Browser

Ang mga numero sa talahanayan ay naglalarawan ng unang bersyon ng browser na ganap na sumusuporta sa katangian.

Chrome Edge Firefox Safari Opera
87.0 87.0 70.0 12.1 73.0

Mga kaugnay na pahina

Tuturo:CSS 文本装饰

Mga sanggunian:HTML DOM textDecoration 属性