CSS text-emphasis-color Property
Example
Use of the text-emphasis-color property:
p.ex1 {
text-emphasis-color: red;
}
p.ex2 {
text-emphasis-color: blue;
}
p.ex3 {
text-emphasis-color: rgb(130, 180, 150);
}
p.ex4 {
text-emphasis-color: currentcolor;
}
Try it Yourself »
text-emphasis-color: red;
}
p.ex2 {
text-emphasis-color: blue;
}
p.ex3 {
text-emphasis-color: rgb(130, 180, 150);
}
p.ex4 {
text-emphasis-color: currentcolor;
}
Definition and Usage
The text-emphasis-color property sets the
color of
emphasis marks.
Tip: No emphasis marks are shown, unless the
text-emphasis-style
property is set.
| Default value: | currentcolor |
|---|---|
| Inherited: | yes |
| Version: | CSS3 |
| JavaScript syntax: | object.style.textEmphasisColor="blue" |
Browser Support
The numbers in the table specify the first browser version that fully supports the property.
| Property | |||||
|---|---|---|---|---|---|
| text-emphasis-color | 99.0 | 99.0 | 46.0 | 7.0 | 85.0 |
CSS Syntax
text-emphasis-color:
color|inherit|initial;
| Value | Description | |
|---|---|---|
| color | Sets the color of the emphasis marks. If no color is specified, it uses the currentcolor | Demo ❯ |
| initial | Sets this property to its default value. Read about initial | |
| inherit | Inherits this property from its parent element. Read about inherit |