The HTML DOM Input Date stepdown() method defines the amount of days the date field should decrease.SyntaxFollowing is the syntax −Calling stepDown method with a number, which by default is equal to 1inputDateObject.stepDown(number)ExampleLet us see an example of Input Date stepDown method − Live Demo Input Date stepDown() Calendar: Decrease by 2 Decrease by 3    var divDisplay = document.getElementById("divDisplay");    var inputDate = document.getElementById("dateSelect");    function changeStep(num){       if(num===2)          inputDate.stepDown(2);       else          inputDate.stepDown(3);       divDisplay.textContent = 'Current date decreased by: '+num;    } OutputThis will produce the following output −Clicking ‘Decrease by 2’ button −Clicking ‘Decrease by 3’ button −

The HTML DOM style transformStyle property returns and apply a 2D or 3D transformation to an element in an HTML document.SyntaxFollowing is the syntax −Returning transformStyleobject.style.transformStyleModifying transformStyleobject.style.transformStyle = “value”ValuesHere, value can be −ValueExplanationinheritIt inherits this property value from its parent element.initialIt set this property value to its default value.flatIt sets the child element to not to preserve its 3D position.preserve-3dIt sets the child element to preserve its 3D position.ExampleLet us see an example of HTML DOM style transformStyle property − Live Demo    body {       background: lightgreen;       height: 100vh;       ... Read More

The HTML DOM style transformOrigin property returns and apply a 2D or 3D transformation to an element in an HTML document.SyntaxFollowing is the syntax −Returning transformOriginobject.style.transformOriginModifying transformOriginobject.style.transformOrigin = “value”ValuesHere, value can be −ValueExplanationinheritIt inherits this property value from its parent element.initialIt set this property value to its default value.x-axis y-axis z-axisIt sets where the view is placed along x-axis, y-axis and z-axis respectively.ExampleLet us see an example of HTML DOM style transformOrigin property − Live Demo    body {       color: #000;       background: lightblue;       height: 100vh;       text-align: ... Read More

The HTML DOM style transform property returns and apply a 2D or 3D transformation to an element in an HTML document.SyntaxFollowing is the syntax −Returning transformobject.style.transformModifying transformobject.style.transform = “value”ValuesHere, value can be −ValueExplanationinheritIt inherits this property value from its parent element.initialIt set this property value to its default value.noneIt sets no transformation.transform-functionIt can be any valid 2D or 3D transformation function.verticalIt sets the height of the element as resizable.FunctionsHere valid 2D or 3D transformation functions are −FunctionExplanationmatrix(n, n, n, n, n, n)It specifies a 2D transformation using a matrix of 6 values.matrix3d(n, n, n, n, etc ...)It specifies a 3D ... Read More

The HTML DOM style resize property returns and modify whether the element is resizable by the user or not in an HTML document.SyntaxFollowing is the syntax −Returning resizeobject.style.resizeModifying resizeobject.style.resize = “value”ValuesHere, value can be −ValueExplanationinheritIt inherits this property value from its parent element.initialIt set this property value to its default value.noneIt sets an element as unresizable.horizontalIt sets the width of the element as resizable.verticalIt sets the height of the element as resizable.bothIt sets the width and height of the element as resizable.ExampleLet us see an example of HTML DOM style resize property − Live Demo    body { ... Read More

The HTML DOM style quotes property returns and modify the type of quotation marks for enclosing quotations in an HTML document.SyntaxFollowing is the syntax −Returning quotesobject.style.quotesModifying quotesobject.style.quotes = “value”ValuesHere, value can be −ValueExplanationinheritIt inherits this property value from its parent element.initialIt set this property value to its default value.noneIt sets the default marks(“”) which are uses for quotation.string stringstring stringIt sets the quotation marks. Here the first two values specifies the first level of enclosing quotation and other two values specifies the next level of enclosing quotation.ExampleLet us see an example of HTML DOM style quotes property − Live Demo ... Read More

The DOM style textTransform property returns and apply transformation on text of an element in an HTML document.SyntaxFollowing is the syntax −Returning textTransformobject.style.textTransformModifying textTransformobject.style.textTransform = “value”ValuesHere, value can be −ValueExplanationinheritIt inherits this property value from its parent element.initialIt set this property value to its default value.noneIt sets no transform on text.uppercaseIt transform all characters to uppercase.lowercaseIt transform all characters to lowercase.capitalizeIt transforms the first character of all words to uppercase.ExampleLet us see an example of style textTransform property − Live Demo    body {       color: #000;       background: lightblue;       height: ... Read More

The HTML DOM style textShadow property returns and apply what should happen when the text flow outside the element container in an HTML document.SyntaxFollowing is the syntax −Returning textShadowobject.style.textShadowModifying textShadowobject.style.textShadow = “value”ValuesHere, value can be −ValueExplanationinheritIt inherits this property value from its parent element.initialIt set this property value to its default value.noneIt sets no shadow on text.h-shadow v-shadow blur colorIt sets shadow on text.Hereh-shadow represent the value of horizontal shadow.v-shadow represent the value of vertical shadow.blur represent the blur distance.color represent the color of the shadow.ExampleLet us see an example of style textShadow property − Live Demo   ... Read More

The DOM style textOverflow property returns and apply what should happen when the text flow outside the element container in an HTML document.SyntaxFollowing is the syntax −Returning textOverflowobject.style.textOverflowModifying textOverflowobject.style.textOverflow = “value”ValuesHere, value can be −ValueExplanationinheritIt inherits this property value from its parent element.initialIt set this property value to its default value.clipIt clip the overflowing text.ellipsisIt sets an ellipsis(“...”) to represent the clipped text of an element.stringIt sets the given string to represent the clipped text of an element.ExampleLet us see an example of style textOverflow property − Live Demo    body {       color: #000;   ... Read More

The DOM style textIndent property returns and modify the indentation of the first line of text of an element in an HTML document.SyntaxFollowing is the syntax −Returning textIndentobject.style.textIndentModifying textIndentobject.style.textIndent = “value”ValuesHere, value can be −ValueExplanationinheritIt inherits this property value from its parent element.initialIt set this property value to its default value.percentage(%)It sets the value in terms of percentage width of parent element.lengthIt sets the value in terms of length units.ExampleLet us see an example of style textIndent property − Live Demo    body {       color: #000;       background: lightblue;       height: ... Read More