CSS text-emphasis-position eigenschap

Definitie en gebruik

text-emphasis-position Deze eigenschap specificeert de positie van de benadrukkende markering (boven, onder, links, recht).

Tip:Gebruik writing-mode Deze eigenschap om horizontale of verticale schrijfmodus te specificeren.

Voorbeeld

Gebruik text-emphasis-position Eigenschap:

h3.ex1 {
  text-emphasis: dubbele cirkel rood;
  text-emphasis-position: boven;
}
h3.ex2 {
  text-emphasis: driehoek blauw;
  text-emphasis-position: onder;
}
h3.ex3 {
  writing-mode: vertical-rl;
  text-emphasis: driehoek blauw;
  text-emphasis-position: onder recht;
}
h3.ex4 {
  writing-mode: vertical-rl;
  text-emphasis: driehoek blauw;
  text-emphasis-position: onder links;
}

Probeer het zelf uit

CSS-syntaxis

text-emphasis-position: over|onder|links|recht|initial|inherit;

Eigenschapswaarde

Waarde Beschrijving
boven Toepassen van de benadrukkende markering boven de tekst (in de horizontale schrijfmodus).
onder Toepassen van de benadrukkende markering onder de tekst (in de horizontale schrijfmodus).
links Toepassen van de benadrukkende markering aan de linkerkant van de tekst (in de verticale schrijfmodus).
recht Toepassen van de benadrukkende markering aan de rechterkant van de tekst (in de verticale schrijfmodus).
initial Stel deze eigenschap in op de standaardwaarde. Zie initial.
inherit Deze eigenschap erfgen van de ouder element. Zie inherit.

Technische details

Standaardwaarde: over recht
Inherits: ja
Versie: CSS3
JavaScript-syntaxis: object.style.textEmphasisPosition="under"

Browserondersteuning

De getallen in de tabel geven de versie van de browser aan die de eigenschap volledig ondersteunt.

Chrome Edge Firefox Safari Opera
99.0 99.0 46.0 7.0 85.0