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 |