In this article, we will discuss text-emphasis property in CSS. It is a short-hand property for text-emphasis-style and text-emphasis-color. It applies emphasis properties to characters (except spaces and control characters).
Syntax:
text-emphasis: text-emphasis-style text-emphasis-color;
Properties:
- text-emphasis-style: It defines the shape of the emphasis mark. It accepts values such as filled, open, dot, triangle, none, etc.
- text-emphasis-color: It defines the color of the emphasis mark.
Example:
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>
|
Output:
Supported Browsers:
- Chrome 25 and above
- Edge 79 and above
- Firefox 46 and above
- Opera 15 and above
- Safari 7 and above