What does text decoration none mean

Inherited no Computed value as each of the properties of the shorthand: text-decoration-line : as specified text-decoration-style : as specified text-decoration-color : computed color text-decoration-thickness : as specified Animation type as each of the properties of the shorthand: text-decoration-color : a CSS data type are interpolated on each of their red, green, blue components, each handled as a real, floating-point number.

Note that interpolation of colors happens in the alpha-premultiplied sRGBA color space to prevent unexpected grey colors to appear. Be careful when removing the text decoration on anchors since users often depend on the underline to denote hyperlinks. If the value none is placed at the end of the values, all values are cleared. If you set the text-decoration attribute to none on the body object, the a objects are still underlined.

To remove the underline from the a objects, either set the style inline or use a as a selector in the global style sheet. Specifying the text-decoration property for block elements affects all inline children. If it is specified for, or affects, an inline element, it affects all boxes generated by the element.

This means that if an element specifies a text decoration, then a child element can't remove the decoration. The text-decoration property is specified as one or more space-separated values representing the various longhand text-decoration properties.

Edit this page on MDN. Constituent properties This property is a shorthand for the following CSS properties: text-decoration-color text-decoration-line text-decoration-style text-decoration-thickness Syntax The text-decoration property is specified as one or more space-separated values representing the various longhand text-decoration properties. Thus also only browsers that actually support HTML 5.

Some browsers will move the block element outside the inline element, some will ignore it. Floated and absolutely-positioned elements do not introduce a line breaking opportunity. More "Try it Yourself" examples below. The text-decoration property specifies the decoration added to text, and is a shorthand property for:. Why does the text-decoration: none not work inside p?