Text Decoration in CSS

Previous Next

Home >> CSS >> CSS Basic >> Text Decoration in CSS

The text-decoration Property

The text-decoration property describes how the text will be decorated.

Syntax:-

Its syntax is:-

< style >

element{

text-decoration: text-decoration-line text-decoration-color text-decoration-style text-decoration-thickness| initial| inherit;

}

< /style >

Further Explanation:-

Value	Description
text-decoration-line	Sets the kind of text decoration to use.
text-decoration-color	Sets the color of the text-decoration.
text-decoration-style	Sets the style of the text-decoration.
text-decoration-thickness	Sets the thickness of the decoration line.
initial	Sets this property to its default value.
inherit	Inherits this property from its parent element.

Code Explanation

All Tutorials related to CSS Basic

CSS Syntax ID and CLASS Selectors Descendant Selectors Comments Inheritance Font Family Font Size Font Style Font Weight Font Variant Color Text Align Vertical Text Align Text Decoration Text Indent Text Shadow Text Transform Letter Spacing Word Spacing White Spacing

All Sections related to CSS

CSS Intro CSS Intro Quiz CSS Intro Exercise CSS Basic CSS Basic Quiz CSS Basic Exercise CSS Advance CSS Advance Quiz CSS Advance Exercise CSS3 CSS3 Quiz CSS3 Exercise CSS Properties CSS Functions CSS Selectors