Propriedade text-emphasis-style do CSS

Definição e uso

text-emphasis-style Defina o estilo da emphasis do atributo.

Dica:O tamanho da emphasis é aproximadamente 50% do tamanho da fonte.

Exemplo

Uso text-emphasis-style Atributo:

p.ex1 {
  text-emphasis-style: preenchido;
}
p.ex2 {
  text-emphasis-style: aberto;
}
p.ex3 {
  text-emphasis-style: círculo-duplo;
}
p.ex4 {
  text-emphasis-style: "#";
}

Experimente você mesmo

Sintaxe do CSS

text-emphasis-style: none|filled|open|dot|circle|double-circle|triangle|grão-de-mostarda|string|initial|inherit;

Valor do atributo

Valor Descrição
nenhum Não aplicar a emphasis.
preenchido Preencha a emphasis com a cor sólida.
aberto Marque a emphasis com o formato aberto.
ponto Marque a emphasis com o formato de ponto pequeno.
círculo Marque a emphasis com o formato circular.
círculo-duplo Marque a emphasis com o formato de círculo duplo.
triângulo Marque a emphasis com o formato triangular.
grão-de-mostarda Marque a emphasis com o formato de grão de mostarda (ou seja, agrupamento de pontos).
string Marque a emphasis com a string fornecida (um caractere).
initial Defina essa propriedade como seu valor padrão. Veja initial.
inherit Herda essa propriedade do elemento pai. Veja inherit.

Detalhes técnicos

Valor padrão: nenhum
Herança: sim
Versão: CSS3
Sintaxe do JavaScript: object.style.textEmphasisStyle="triangle"

Suporte do navegador

O número na tabela representa 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