text-emphasis

Índice

Definición de .text-emphasis en CSS

La propiedad .text-emphasis en CSS, como su nombre lo indica, se utiliza para enfatizar el texto en CSS. Lo hace aplicando marcas especiales al texto de un elemento.

Caso de uso : propiedad CSS text-emphasis

Si te gustaría utilizar esta propiedad de CSS en tu stylesheet, hazlo de esta manera:

.element {
  text-emphasis: circle red;
}

Otro ejemplo más avanzado de .text-emphasis es el siguiente de CODEPEN:

Sintaxis de .text-emphasis en CSS

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

Valores

Valor Descripción
ninguna No se aplican marcas de énfasis.
lleno Las marcas de énfasis se rellenan con un color sólido.
abierto Las marcas de énfasis son huecas.
punto Las marcas de énfasis son círculos pequeños.
circulo Las marcas de énfasis son círculos.
círculo doble Las marcas de énfasis son círculos dobles.
triángulo Las marcas de énfasis son triángulos.
sésamo Las marcas de énfasis son sésamos.
cuerda Las marcas de énfasis son la cadena dada (un carácter)
color Establece el color de las marcas de énfasis.

Exploradores compatibles con .text-emphasis

Los números de la tabla detallan la primera versión del navegador que es completamente compatible con la propiedad.

Los números seguidos de -webkit- especifican la primera versión que funcionó con un prefijo.

PropertyChromeInternet Explorer / EdgeFirefoxSafariOpera
text-indent 1.0 3.0 1.0 1.0 3.5

Bibliografía

Echa un vistazo a estas otras propiedades de CSS

¿Necesitas ayuda para crear tu Web?

Cuéntanos de que trata y te asesoraremos sin compromiso