The DOM style textDecorationStyle property returns and modify how the line will be displayed on the text of an element in an HTML document.SyntaxFollowing is the syntax −Returning textDecorationStyleobject.style.textDecorationStyleModifying textDecorationStyleobject.style.textDecorationStyle = “value”ValuesHere, value can be −ValueExplanationinheritIt inherits this property value from its parent element.initialIt set this property value to its default value.solidIt simply displays the line as a solid line.doubleIt displays the line as a double line.dottedIt simply displays the line as a dotted line.dashedIt displays the line as a dashed line.wavyIt displays the line as a wavy line.ExampleLet us see an example of style textDecorationStyle property − Live Demo ... Read More

The HTML DOM style textDecorationLine property returns and modify the type of line that decorate the text of an element in an HTML document.SyntaxFollowing is the syntax −Returning textDecorationLineobject.style.textDecorationLineModifying textDecorationLineobject.style.textDecorationLine = “value”ValuesHere, value can be −ValueExplanationinheritIt inherits this property value from its parent element.initialIt set this property value to its default value.noneIt simply represent normal text that means text without any line.underlineIt sets a line under the text.overlineIt sets a line over the text.line-throughIt sets a line through the text.ExampleLet us see an example of style textDecorationLine property − Live Demo    body {       color: ... Read More

The DOM style textDecorationColor property returns and modify the color of the text decoration of an element in an HTML document.SyntaxFollowing is the syntax −Returning textDecorationColorobject.style.textDecorationColorModifying textDecorationColorobject.style.textDecorationColor = “color”ExampleLet us see an example of style textDecorationColor property − Live Demo    body {       color: #000;       background: lightblue;       height: 100vh;    }    p {       margin: 1.5rem auto;       text-decoration: line-through;    }    .btn {       background: #db133a;       border: none;       height: 2rem;       border-radius: ... Read More

The DOM style textDecoration property returns and apply one or more decoration on the text of an element in an HTML document.SyntaxFollowing is the syntax −Returning textDecorationobject.style.textDecorationModifying textDecorationobject.style.textDecoration = “value”ValuesHere, value can be −ValueExplanationinheritIt inherits this property value from its parent element.initialIt set this property value to its default value.noneIt simply represent normal text that means text without any line.underlineIt sets a line under the text.overlineIt sets a line over the text.line-throughIt sets a line through the text.ExampleLet us see an example of style textDecoration property − Live Demo    body {       color: #000;   ... Read More

The DOM style minHeight property returns and modify the minimum height of an element in an HTML document.SyntaxFollowing is the syntax −Returning minHeightobject.style.minHeightModifying minHeightobject.style.minHeight = “value”ValuesHere, value can be −ValueExplanationinheritIt inherits this property value from its parent element.initialIt set this property value to its default value.lengthIt sets the value in terms of length units.percentage(%)It sets the value in terms of percentage height of parent element.ExampleLet us see an example of style minHeight property − Live Demo    body {       color: #000;       background-image: linear-gradient(to top, #a18cd1 0%, #fbc2eb 100%);       height: ... Read More

The DOM style minWidth property returns and modify the minimum width of an element in an HTML document.SyntaxFollowing is the syntax −Returning minWidthobject.style.minWidthModifying minWidthobject.style.minWidth = “value”ValuesHere, value can be −ValueExplanationinheritIt inherits this property value from its parent element.initialIt set this property value to its default value.lengthIt sets the value in terms of length units.percentage(%)It sets the value in terms of percentage width of parent element.ExampleLet us see an example of style minWidth property − Live Demo    body {       color: #000;       background-image: linear-gradient(to top, #a18cd1 0%, #fbc2eb 100%);       height: ... Read More

The DOM style maxWidth property returns and modify the maximum width of an element in an HTML document.SyntaxFollowing is the syntax −Returning maxWidthobject.style.maxWidthModifying maxWidthobject.style.maxWidth = “value”ValuesHere, value can be −ValueExplanationNoneIt sets no limit on the width of the element.inheritIt inherits this property value from its parent element.initialIt set this property value to its default value.lengthIt sets the value in terms of width units.percentage(%)It sets the value in terms of percentage width of parent element.ExampleLet us see an example of style maxWidth property − Live Demo    body {       color: #000;       background-image: linear-gradient(to ... Read More

The DOM style maxHeight property returns and modify the maximum height of an element in an HTML document.SyntaxFollowing is the syntax −Returning maxHeightobject.style.maxHeightModifying maxHeightobject.style.maxHeight = “value”ValuesHere, value can be −ValueExplanationNoneIt sets no limit on the height of the element.inheritIt inherits this property value from its parent element.initialIt set this property value to its default value.lengthIt sets the value in terms of length units.percentage(%)It sets the value in terms of percentage height of parent element.ExampleLet us see an example of style maxHeight property − Live Demo    body {       color: #000;       background-image: linear-gradient(to ... Read More

The DOM style overflowY property returns and modify what to do when the content inside an element box overflow top/bottom in an HTML document.SyntaxFollowing is the syntax −Returning overflowYobject.style.overflowYModifying overflowYobject.style.overflowY = “value”ValuesHere value can be −ValueExplanationscrollIt clips the content and scroll bars are added when necessary.inheritIt inherits this property value from its parent element.initialIt set this property value to its default value.autoIt clip the content and add scroll bars when necessary.hiddenIt hides the content flow outside the element box.visibleIt doesn’t clip the content and content will flow outside the element box.ExampleLet us see an example of style overflowX property − Live ... Read More

The HDOM style overflowX property returns and modify what to do when the content inside an element box overflow left/right in an HTML document.SyntaxFollowing is the syntax −Returning overflowXobject.style.overflowXModifying overflowXobject.style.overflowX = “value”ValuesHere value can be −ValueExplanationscrollIt clips the content and scroll bars are added when necessary.inheritIt inherits this property value from its parent element.initialIt set this property value to its default value.autoIt clip the content and add scroll bars when necessary.hiddenIt hides the content flow outside the element box.visibleIt doesn’t clip the content and content will flow outside the element box.ExampleLet us see an example of style overflowX property − Live ... Read More