Latest web development tutorials
 

Style textDecorationLine Property

< Style Object

Example

Display paragraphs with a line on top:

document.getElementById("myP").style.textDecorationLine = "overline";
Try it Yourself »

Definition and Usage

The textDecorationLine property sets or returns what type of line, if any, the decoration will have.

Note: You can also set the textDecorationLine using the textDecoration property, which is a short-hand property for the textDecorationLine, textDecorationStyle, and the textDecorationColor properties.

Note: You can also combine more than one value, like underline and overline to display lines both under and over the text.


Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

The textDecorationLine property is not supported in any of the major browsers.

Firefox supports an alternative, the MozTextDecorationLine property.


Syntax

Return the textDecorationLine property:

object.style.textDecorationLine

Set the textDecorationLine property:

object.style.textDecorationLine="none|underline|overline|line-through|initial|inherit"

Property Values

Value Description
none Default value. Specifies no line for the text-decoration
underline Specifies that a line will be displayed under the text
overline Specifies that a line will be displayed over the text
line-through Specifies that a line will be displayed through the text
initial Sets this property to its default value. Read about initial
inherit Inherits this property from its parent element. Read about inherit

Technical Details

Default Value: none
Return Value: A String, representing the text-decoration-line property of an element
CSS Version CSS3

Related Pages

CSS reference: text-decoration-line property


< Style Object