CSS text-emphasis Property

Last Updated : 31 Oct, 2021

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>