Mfano wa text-underline-offset wa kifaa cha CSS

Mifano na matumizi

text-underline-offset Tabia hii inasajili kwa kuwasiliana kwa ukuru wa chini wa matukio ya mabaki ya mawili wa chini.

Mifano

Kuwasiliana kwa ukuru wa chini wa mabaki ya matukio ya mabaki ya mawili wa chini:

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

Tenda kwa mafanikio yako

Inayotumika kwa KiCSS

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

Chaguo cha tabia

Chaguo Maelezo
auto Chaguo cha kuzingatia. Kina hiki huzingatia ukuru wa chini wa mabaki.
length Kuwasiliana kwa ukuru wa chini.
percentage Kuwasiliana kwa faida ya namba za chini.
initial Kuwasiliana tabia hii kwa chaguo cha kuzingatia. Tazama: initial.
inherit Kuwasiliana na elementi ya baba kwa tabia hii. Tazama: inherit.

Mafanikio ya kidharaa

Chaguo cha kuzingatia: auto
Kuwasiliana: yes
Mafanikio ya hali ya hali: Hakuna mafanikio. Tazama:Tabia za hali ya hali.
Versioni: CSS4
Inayotumika kwa Kijs object.style.textUnderlineOffset="1em"

Mafanikio ya kifungu

Mafanikio ya tabia hizi ni versioni za kwanza za kufaa kwa kina hiki ya tabia hii.

Chrome Edge Firefox Safari Opera
87.0 87.0 70.0 12.1 73.0

Vipengele vyovu

Mafunzo:Mifano ya ujaribio wa matukio ya CSS

Mifano:Mfano wa HTML DOM textDecoration