En este artículo, discutiremos la propiedad de énfasis de texto en CSS. Es una propiedad abreviada para text-emphasis-style y text-emphasis-color . Aplica propiedades de énfasis a los caracteres (excepto espacios y caracteres de control).
Sintaxis:
text-emphasis: text-emphasis-style text-emphasis-color;
Propiedades:
- text-emphasis-style: Define la forma de la marca de énfasis. Acepta valores como lleno, abierto, punto, triángulo, ninguno, etc.
- text-emphasis-color: Define el color de la marca de énfasis.
Ejemplo:
HTML
<!DOCTYPE html>
<html>
<head>
<style>
h2 {
text-emphasis: filled double-circle green;
-webkit-text-emphasis: filled double-circle green;
}
</style>
<title>Text Emphasis</title>
</head>
<body>
<center>
<h2>Welcome to GFG</h2>
</center>
</body>
</html>
Producción:
Navegadores compatibles:
- Chrome 25 y superior
- Edge 79 y superior
- Firefox 46 y superior
- Ópera 15 y superior
- Safari 7 y superior