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.
Property | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
---|---|---|---|---|---|
text-indent | 1.0 | 3.0 | 1.0 | 1.0 | 3.5 |