CSS text-underline-position egenskap

Definition och användning

text-underline-position Egenskapen specificerar positionen för understrykning av textdekorering.

Exempel

Ställ in positionen för understrykning av textdekorering:

div.a {
  text-decoration: underline;
  text-underline-position: auto;
}
div.b {
  text-decoration: underline;
  text-underline-position: under;
}

Prova själv

CSS syntax

text-underline-position: auto|under|from-font|left|right|initial|inherit;

Egenskapsvärde

Värde Beskrivning
auto Standardvärde. Webbläsarens inställning av understrykningsposition.
under Sätt understrykning under bokstavsbasen.
from-font

Om teckenfilen innehåller information om understrykningspositionen, använd detta värde.

Annars använd auto.
vänster

I vertikal skrivstil kommer understrykning att placeras till vänster om texten.

I horisontell skrivstil kommer understrykning att placeras enligt auto.
höger

I vertikal skrivstil kommer understrykning att placeras till höger om texten.

I horisontell skrivstil kommer understrykning att placeras enligt auto.
initial Sätt denna egenskap till dess standardvärde. Se till: initial.
inherit Inheritera denna egenskap från föräldrelementet. Se till: inherit.

Tekniska detaljer

Standardvärde: auto
Arvsförmåga: ja
Animation production: Ej stödd. Se till:Animation relaterade egenskaper.
Version: CSS3
JavaScript syntax: object.style.textUnderlinePosition="under"

Webbläsarstöd

Talen i tabellen representerar den första webbläsaren som fullständigt stöder egenskapen.

Chrome Edge Firefox Safari Opera
33.0 79.0 74.0 12.1 20.0

Relaterade sidor

Tutorial:CSS text-decoration

Referens:HTML DOM textDecoration egenskap