What does text-decoration do?
The text-decoration shorthand CSS property sets the appearance of decorative lines on text. It is a shorthand for text-decoration-line , text-decoration-color , text-decoration-style , and the newer text-decoration-thickness property.
What does text-decoration color do in CSS?
The text-decoration-color CSS property sets the color of decorations added to text by text-decoration-line . The color applies to decorations, such as underlines, overlines, strikethroughs, and wavy lines like those used to mark misspellings, in the scope of the property’s value.
What are the types of text-decoration in CSS?
Values
- solid : the default. Decoration is a single solid line.
- double : Decoration is a pair of solid lines.
- dotted : Decoration is a dotted line.
- dashed : Decoration is a dashed line.
- wavy : Decoration is a wavy line.
What are the values taken by text-decoration property?
Property Values
| Value | Description | Demo |
|---|---|---|
| text-decoration-line | Sets the kind of text decoration to use (like underline, overline, line-through) | Demo ❯ |
| text-decoration-color | Sets the color of the text decoration | Demo ❯ |
| text-decoration-style | Sets the style of the text decoration (like solid, wavy, dotted, dashed, double) | Demo ❯ |
What is text-decoration blink?
Possible Values underline − An underline is drawn beneath the inline text. overline − An overline is drawn above the inline text. line-through − A line should be drawn through the middle of the inline text. blink − The inline text should blink on and off, analogous to the BLINK element introduced by Netscape.
What is the text-align value used for?
The text-align property in CSS is used for aligning the inner content of a block element. These are the traditional values for text-align: left – The default value. Content aligns along the left side.
What is the use of text decoration style?
Definition and Usage. The text-decoration-style property sets the style of the text decoration (like solid, wavy, dotted, dashed, double). Tip: Also look at the text-decoration property, which is a short-hand property for text-decoration-line, text-decoration-style, and text-decoration-color.
What browsers does text-decoration-style work in?
At the time of this writing, text-decoration-style is only officially supported in Firefox. It will also work in Chrome browsers with the experimental web platform features flag enabled. In browsers that support text-decoration-style and text-decoration-color you can add a decoration style to a text-decoration shorthand property:
What is the text-decoration-style CSS property?
The text-decoration-style CSS property sets the style of the lines specified by text-decoration-line. The style applies to all lines that are set with text-decoration-line.
Which browsers support the shorthand property text-decoration?
All browsers support the CSS2.1 “longhand” property text-decoration. The shorthand property and the sub-properties text-decoration-color, text-decoration-line, and text-decoration-style are supported unprefixed in Firefox, and with the -webkit prefix in Safari.