A propriedade CSS text-emphasis-position

Definição e uso

text-emphasis-position A propriedade especifica a posição da marca de destaque (acima, abaixo, esquerda, direita).

Dica:Uso writing-mode Use essa propriedade para especificar o modo de escrita horizontal ou vertical.

Exemplo

Uso text-emphasis-position Propriedade:

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

Experimente você mesmo

Sintaxe CSS

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

Valor da propriedade

Valor Descrição
acima Aplicar a marca de destaque acima do texto (no modo de escrita horizontal).
abaixo Aplicar a marca de destaque debaixo do texto (no modo de escrita horizontal).
esquerda Aplicar a marca de destaque na esquerda do texto (no modo de escrita vertical).
direita Aplicar a marca de destaque na direita do texto (no modo de escrita vertical).
initial Defina essa propriedade para seu valor padrão. Veja initial.
inherit Herda essa propriedade do elemento pai. Veja inherit.

Detalhes técnicos

Valor padrão: à direita
Herança: sim
Versão: CSS3
Sintaxe JavaScript: object.style.textEmphasisPosition="under"

Suporte do navegador

Os números na tabela representam a versão do navegador que suporta completamente essa propriedade.

Chrome Edge Firefox Safari Opera
99.0 99.0 46.0 7.0 85.0