The HTML DOM Style tabSize property returns and modify the length of the space used for the tab character in an HTML document.SyntaxFollowing is the syntax −1. Returning tabSizeobject.tabSize2. Modifying tabSizeobject.tabSize = “value”Here value can be −ValueExplanationinitialIt set this property value to its default value.inheritIt inherits this property value from its parent element.lengthIt specifies the length of a tab character.numberIt specifies the number of space-characters that should be displayed for each tab-character in an HTML document.Let us see an example of HTML DOM Style tabSize Property −Example    body {       color: #000;       ... Read More

The HTML DOM Style tableLayout property returns and modify the way table cells, rows, and columns are lay in an HTML document.SyntaxFollowing is the syntax −1. Returning tableLayoutobject.tableLayout2. Modifying tableLayoutobject.tableLayout = “value”Here value can be −ValueExplanationinitialIt set this property value to its default value.inheritIt inherits this property value from its parent element.fixedIt sets the column width based on the width of the column and table.autoIt sets the column width based on the width of the widest unbreakable content in the table.Let us see an example of HTML DOM Style tableLayout Property −ExampleLive Demo    body {     ... Read More

The HTML DOM Style top property returns and modify the top position of a positioned HTML element in an HTML document.SyntaxFollowing is the syntax −1. Returning topobject.top2. Modifying topobject.top = “value”Here, value can be −Sr.NoValue & Explanation1initialIt set this property value to its default value.2inheritIt inherits this property value from its parent element.3percentage(%)It defines value in percentage of the width of the parent element.4lengthIt define value top in length unit.5autoIt lets the browser set the value of top position.Let us see an example of HTML DOM Style top Property −ExampleLive Demo    body {       color: ... Read More

The HTML DOM Style right property returns and modify the right position of a positioned HTML element in an HTML document.SyntaxFollowing is the syntax −1. Returning rightobject.right2. Modifying rightobject.right = “value”Here, value can be −Sr.NoValue & Explanation1initialIt set this property value to its default value.2inheritIt inherits this property value from its parent element.3percentage(%)It defines value in percentage of the width of the parent element.4lengthIt define value right in length unit.5autoIt lets the browser set the value of right position.Let us see an example of HTML DOM Style right Property −ExampleLive Demo    body {       color: ... Read More

The HTML DOM Style position property returns and modify the positioning method used by an HTML element in an HTML document.SyntaxFollowing is the syntax −1. Returning positionobject.position2. Modifying positionobject.position = “value”Here, value can be −Sr.NoValue & Explanation1initialIt set this property value to its default value.2inheritIt inherits this property value from its parent element.3staticIn this, the element will render in the order as they appear in document flow.4absoluteIn this, the element will position relative to its first positioned ancestor element in the document.5fixedIn this, the element will position relative to the browser window in the document.6relativeIn this, the element will position ... Read More

The HTML DOM Style transitionTimingFunction property returns and modify the function that represent the speeding curve of the transition effect of an element.SyntaxFollowing is the syntax −1. Returning transitionTimingFunctionobject.transitionTimingFunction2. Modifying transitionTimingFunctionobject.transitionTimingFunction = “ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier() | initial | inherit”Let us see an example of HTML DOM Style transitionTimingFunction Property −ExampleLive Demo    body {       color: #000;       height: 100vh;    }    .btn {       background: #db133a;       border: none;       height: 2rem;       border-radius: 2px;   ... Read More

The HTML DOM Style transitionDelay property returns and modify when the transition effect of an element will begin.SyntaxFollowing is the syntax −1. Returning transitionDelayobject.transitionDelay2. Modifying transitionDelayobject.transitionDelay = “value”Here, value can be −Sr.NoValue & Explanation1initialIt set this property value to its default value.2inheritIt inherits this property value from its parent element.3timeIt represents the delay of a transition effect in seconds(s) or milliseconds(ms).Let us see an example of HTML DOM Style transitionDelay Property −ExampleLive Demo    body {       color: #000;       height: 100vh;    }    .btn {       background: #db133a;     ... Read More

The HTML DOM Style transitionProperty property returns and modify the name of the CSS property of an element the transition effect is for in an HTML document.SyntaxFollowing is the syntax −1. Returning transitionPropertyobject.transitionProperty2. Modifying transitionPropertyobject.transitionProperty = “value”Here value can be −ValueExplanationinitialIt set this property value to its default value.inheritIt inherits this property value from its parent element.allIt set transition effect on all properties.propertyIt represents the list of CSS properties.noneIt select no property.Let us see an example of HTML DOM Style transitionProperty Property:ExampleLive Demo    body {       color: #000;       height: 100vh;    } ... Read More

The HTML DOM Style transitionDuration property returns and modify the duration of transition effect on an element in seconds(s) or milliseconds(ms) in an HTML document.SyntaxFollowing is the syntax −1. Returning transitionDurationobject.transitionDuration2. Modifying transitionDurationobject.transitionDuration = “value”Here value can be −ValueExplanationinitialIt set this property value to its default value.inheritIt inherits this property value from its parent element.timeIt represents the duration of a transition effect in seconds(s) or milliseconds(ms).ExampleLet us see an example of HTML DOM Style transitionDuration Property −Live Demo    body {       color: #000;       height: 100vh;    }    .btn {     ... Read More

The HTML DOM Style transition property returns and modify the value of transition CSS property of an HTML element in an HTML document.SyntaxFollowing is the syntax −1. Returning transitionobject.transition2. Modifying transitionobject.transition = “value”Here value can be −ValueExplanationinitialIt set this property value to its default value.inheritIt inherits this property value from its parent element.property duration timing-function delayHere, property represent the name of CSS property which would be transition.timing-function represent the speeding curve of the transition effect. delay represent when the transition effect will begin.Let us see an example of HTML DOM Style transition Property:ExampleLive Demo    body {   ... Read More