A propriedade CSS text-emphasis

Definição e uso

text-emphasis Atributo usado para adicionar marca de destaque ao texto.

text-emphasis Atributo é text-emphasis-style e text-emphasis-color abreviação.

Dica:O tamanho da marca de destaque é aproximadamente 50% do tamanho da fonte.

Exemplo

Uso text-emphasis Atributo:

p.ex1 {
  text-emphasis: preenchido;
}
p.ex2 {
  text-emphasis: aberto;
}
p.ex3 {
  text-emphasis: círculo-duplo vermelho;
}
p.ex4 {
  text-emphasis: triângulo azul;
}

Experimente você mesmo

Sintaxe do CSS

text-emphasis: none|filled|open|dot|circle|double-circle|triangle|sesame|string|cor|initial|inherit;

Valor do atributo

Valor Descrição
nenhum Não aplicar marca de destaque.
preenchido Marca de destaque preenchida com cor sólida.
aberto Marca de destaque para aberto.
ponto Marca de destaque para ponto pequeno.
círculo Marca de destaque para círculo.
círculo-duplo Marca de destaque para círculo duplo.
triângulo Marca de destaque para triângulo.
sesame Marca de destaque para grão de mostarda (pontos em agrupamento).
string Marca de destaque para a string fornecida (um caractere).
cor Defina a cor da marca de destaque.
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: nenhum currentcolor
Herança: sim
Versão: CSS3
Sintaxe do JavaScript: objeto.style.textEmphasis="filled blue"

Suporte do navegador

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

Chrome Edge Firefox Safari Ópera
99.0 99.0 46.0 7.0 85.0