CSS text-emphasis-position egenskab

Definition og brug

text-emphasis-position Egenskaben specificerer placeringen af understregningsmarkeringen (øverst, nederst, venstre, højre).

Tip:Brug writing-mode egenskab til at specificere horisontal eller vertical skrivningsmode.

eksempler

Brug text-emphasis-position Egenskab:

h3.ex1 {
  text-emphasis: double-circle red;
  text-emphasis-position: over;
}
h3.ex2 {
  text-emphasis: triangle blue;
  text-emphasis-position: under;
}
h3.ex3 {
  writing-mode: vertical-rl;
  text-emphasis: triangle blue;
  text-emphasis-position: under højre;
}
h3.ex4 {
  writing-mode: vertical-rl;
  text-emphasis: triangle blue;
  text-emphasis-position: under højre;
}

Prøv det selv

CSS-syntaks

text-emphasis-position: over|under|left|right|initial|inherit;

Egenskabsværdi

Værdi Beskrivelse
over Anvend understregningsmarkering over teksten (i vandret skrivningsmode).
under Anvend understregningsmarkering under teksten (i vandret skrivningsmode).
venstre Anvend understregningsmarkering til venstre i teksten (i lodret skrivningsmode).
højre Anvend understregningsmarkering til højre i teksten (i lodret skrivningsmode).
initial Sæt denne egenskab til dens standardværdi. Se initial.
inherit Arv denne egenskab fra forældrelementet. Se inherit.

Tekniske detaljer

Standardværdi: over højre
Arv: ja
Version: CSS3
JavaScript-syntaks: object.style.textEmphasisPosition="under"

Browserunderstøttelse

Tabelen indeholder numre, der repræsenterer den første browserversion, der fuldt ud understøtter egenskaben.

Chrome Edge Firefox Safari Opera
99.0 99.0 46.0 7.0 85.0