- Trending Categories
- Data Structure
- Networking
- RDBMS
- Operating System
- Java
- MS Excel
- iOS
- HTML
- CSS
- Android
- Python
- C Programming
- C++
- C#
- MongoDB
- MySQL
- Javascript
- PHP
- Physics
- Chemistry
- Biology
- Mathematics
- English
- Economics
- Psychology
- Social Studies
- Fashion Studies
- Legal Studies
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
Found 2417 Articles for HTML
63 Views
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 −
30 Views
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
65 Views
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
111 Views
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
37 Views
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
32 Views
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
29 Views
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
27 Views
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
17 Views
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
20 Views
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