Atributo CSS text-emphasis

Definición y uso

text-emphasis Atributo utilizado para agregar marcas de énfasis al texto.

text-emphasis Atributo es text-emphasis-style y text-emphasis-color abreviatura.

Consejo:El tamaño de la marca de énfasis es aproximadamente el 50% del tamaño de la fuente.

Ejemplo

Uso text-emphasis Atributo:

p.ex1 {
  text-emphasis: filled;
}
p.ex2 {
  text-emphasis: open;
}
p.ex3 {
  text-emphasis: double-circle red;
}
p.ex4 {
  text-emphasis: triangle blue;
}

Prueba tú mismo

Sintaxis de CSS

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

Valor de la propiedad

Valor Descripción
none No se aplica la marca de énfasis.
filled La marca de énfasis se rellena con un color sólido.
open La marca de énfasis es en forma de hueco.
dot La marca de énfasis es en forma de punto pequeño.
circle La marca de énfasis es en forma de círculo.
double-circle La marca de énfasis es en forma de círculo doble.
triangle La marca de énfasis es en forma de triángulo.
sesame La marca de énfasis es en forma de mostaza (es decir, un grupo de puntos pequeños).
string La marca de énfasis es una cadena dada (un carácter).
color Establecer el color de la marca de énfasis.
initial Establece esta propiedad en su valor predeterminado. Ver initial.
inherit Hereda esta propiedad del elemento padre. Ver inherit.

Detalles técnicos

Valor predeterminado: ninguna currentcolor
Herencia: sí
Versión: CSS3
Sintaxis de JavaScript: object.style.textEmphasis="filled blue"

Compatibilidad del navegador

Las cifras en la tabla representan la versión del navegador que admite completamente la propiedad.

Chrome Edge Firefox Safari Opera
99.0 99.0 46.0 7.0 85.0