CSS text-emphasis-position egenskap

Definition och användning

text-emphasis-position egenskapen specificerar platsen för betonningssymbolen (överst, under, vänster, höger).

Tips:Använd writing-mode egenskap för att specificera horisontell eller vertikal skrivmodus.

exempel

Använd text-emphasis-position Egenskap:

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 right;
}
h3.ex4 {
  writing-mode: vertical-rl;
  text-emphasis: triangle blue;
  text-emphasis-position: under left;
}

Prova själv

CSS-syntaks

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

Egenskapsvärde

Värde Beskrivning
över Använd betonningssymbol över texten (i horisontell skrivmodus).
under Använd betonningssymbol under texten (i horisontell skrivmodus).
vänster Använd betonningssymbol på textens vänstra sida (i vertikal skrivmodus).
höger Använd betonningssymbol på textens högra sida (i vertikal skrivmodus).
initial Sätt denna egenskap till dess standardvärde. Se initial.
inherit Inheritera denna egenskap från föräldrelementet. Se inherit.

Tekniska detaljer

Standardvärde: överst till höger
Arvsförmåga: ja
Version: CSS3
JavaScript-syntaks: object.style.textEmphasisPosition="under"

Webbläsarstöd

Tabellens siffror representerar den första webbläsarversion som helt stöder egenskapen.

Chrome Edge Firefox Safari Opera
99.0 99.0 46.0 7.0 85.0