The HTML DOM style zIndex property returns and modify the stacking order of a positioned element in an HTML document.SyntaxFollowing is the syntax −Returning zIndexobject.style.zIndexModifying zIndexobject.style.zIndex = “value”ValuesHere, value can be −ValueExplanationinitialIt set this property value to its default value.inheritIt inherits this property value from its parent element.autoIn it the elements stack in the order based on their order in the HTML document.numberIt represents an integer that specifies the stack order of an element.ExampleLet us see an example of HTML DOM style zIndex property − Live Demo    body {       color: #000;       ... Read More

The HTML DOM style wordWrap property returns and modify the long word to be broken and wrap onto the next line in an HTML document.SyntaxFollowing is the syntax −Returning wordWrapobject.style.wordWrapModifying wordWrapobject.style.wordWrap = “value”ValuesHere, value can be −ValueExplanationinitialIt set this property value to its default value.inheritIt inherits this property value from its parent element.normalIt breaks words only when necessary.break-wordIt allows unbreakable words to be broken down when necessary.ExampleLet us see an example of HTML DOM style wordWrap property − Live Demo    body {       color: #000;       background: lightblue;       height: 100vh; ... Read More

The HTML DOM style wordSpacing property returns and modify the spacing between words in a text in an HTML document.SyntaxFollowing is the syntax −Returning wordSpacingobject.style.wordSpacingModifying wordSpacingobject.style.wordSpacing = “value”ValuesHere, value can be −ValueExplanationinitialIt set this property value to its default value.inheritIt inherits this property value from its parent element.normalIt sets normal spacing between words.lengthIt defines the spacing between words in terms of length units.ExampleLet us see an example of HTML DOM style wordSpacing property − Live Demo    body {       color: #000;       background: lightblue;       height: 100vh;    }    .btn ... Read More

The HTML DOM style wordBreak property returns and modify line breaking rules for non - Chinese, Japanese and Korean scripts in an HTML document.SyntaxFollowing is the syntax −Returning wordBreakobject.style.wordBreakModifying wordBreakobject.style.wordBreak = “value”ValuesHere, value can be −ValueExplanationinitialIt set this property value to its default value.inheritIt inherits this property value from its parent element.normalIt breaks words according to their usual rules.keep-allIn it line breaks are disallowed between pairs of letters.break-allIn it lines may break between any two letters.ExampleLet us see an example of HTML DOM style wordBreak property − Live Demo    body {       color: #000;   ... Read More

The HTML DOM style whiteSpace property returns and modify how to handle tabs, line breaks, and whitespace in a text of an element in an HTML document.SyntaxFollowing is the syntax −Returning whiteSpaceobject.style.whiteSpaceModifying whiteSpaceobject.style.whiteSpace = “value”ValuesHere, value can be −ValueExplanationinitialIt set this property value to its default value.inheritIt inherits this property value from its parent element.normalIn it the sequence of whitespace will collapse into a single one and text will wrap when necessary.nowrapIn it the sequence of whitespace will collapse into a single one and text will not wrap to the next line.preIn it the whitespace is preserved by the browser ... Read More

The HTML DOM style visibility property returns and modify whether an element should be visible or not in an HTML document.SyntaxFollowing is the syntax −Returning visibilityobject.style.visibilityModifying visibilityobject.style.visibility = “value”ValuesHere, value can be −ValueExplanationinitialIt set this property value to its default value.inheritIt inherits this property value from its parent element.hiddenIn it the element is not visible but still its presence will affect the layout.visibleIn it the element is visible.collapseIn it the element in table row or column is not visible but still its presence will affect the layout.ExampleLet us see an example of HTML DOM style visibility property − Live Demo ... Read More

The HTML DOM style verticalAlign property returns and modify the vertical alignment of the content of an HTML element in an HTML document.SyntaxFollowing is the syntax −Returning verticalAlignobject.style.verticalAlignModifying verticalAlignobject.style.verticalAlign = “value”ValuesHere, value can be −ValueExplanationinitialIt set this property value to its default value.inheritIt inherits this property value from its parent element.lengthIn increment or decrement an element by a specific length.percentage(%)It raises or lower an element in terms of percentage of line-height property.baselineIt aligns the baseline of an element with the baseline of its parent element.subIt aligns the element as a subscript.superIt aligns the element as a superscript.topIt aligns the top ... Read More

The HTML DOM style userSelect property returns and modify whether the text of an element can be selected by the user or not in an HTML document.SyntaxFollowing is the syntax −Returning userSelectobject.style.userSelectModifying userSelectobject.style.userSelect = “value”ValuesHere, value can be −ValueExplanationautoIt allows user to select text according to browser setting.noneIt doesn’t allow user to select text.textIn it the text can be selected by the user.allIt allows text selection with single click instead of double click.ExampleLet us see an example of HTML DOM style userSelect property − Live Demo    body {       color: #000;       background: ... Read More

The HTML DOM style unicodeBidi property returns and modify whether the text should be overridden to support multiple languages in the same HTML document along with direction property.SyntaxFollowing is the syntax −Returning unicodeBidiobject.style.unicodeBidiModifying unicodeBidiobject.style.unicodeBidi = “value”ValuesHere, value can be −ValueExplanationinheritIt inherits this property value from its parent element.initialIt set this property value to its default value.normalIt sets no additional level of embedding.embedIt sets an additional level of embedding.bidi-overrideIt sets an additional level of embedding and reorder it depending on the direction property.ExampleLet us see an example of HTML DOM style unicodeBidi property − Live Demo    body { ... Read More

The HTML DOM Input Email size property returns/sets the size property for input Email. If not defined, this property returns ‘20’.SyntaxFollowing is the syntax −Returning size attributeinputEmailObject.sizeSet size property to a numberinputEmailObject.size = numberExampleLet us see an example of Input Email size property − Live Demo Input Email size    form {       width:70%;       margin: 0 auto;       text-align: center;    }    * {       padding: 2px;       margin:5px;    }    input[type="button"] {       border-radius: 10px;    } ... Read More