font-effect Description:
The font-effect property controls the special effect applied to font glyphs.
font-effect in CSS Versions:
font-effect Syntax:
font-effect: none | emboss | engrave | outline | initial | inherit
- none - apply no special effects
- emboss - the text appears embossed or raised above the page surface
- engrave - the text appears engraved or sunken into the page
- outline - only the outline of the glyphs is rendered
font-effect Initial Value:
none
font-effect Applies To:
All elements and generated content.
font-effect Inheritance:
This property is inherited.
font-effect Browser Support:
None
font-effect Example:
<p style="font-family: Arial;">This is Arial <span style="font-effect:emboss;">And this is embossed Arial.</span></p>
font-effect Special Notes:
- Be careful how you use this style, as it can drastically reduce the readability of your text.
