The HTML DOM Style flex property is used for setting or returning the flexible length for elements with display property set to flex. It is used to manipulate properties flexGrow, flexShrink and flexBasis.Following is the syntax for −Setting the flex property −object.style.flex = "flex-grow flex-shrink flex-basis|auto|initial|inherit"Following are the values −ValueDescriptionflex-growItgrows ... Read More

The HTML DOM Style filter property is used for defining visual effects to an element.Following is the syntax for −Setting the filter property −object.style.filter = "none | blur() | brightness() | contrast() | drop-shadow() | grayscale() | hue-rotate() | invert() | opacity() | saturate() | sepia()"The above property values are ... Read More

The HTML DOM Style emptyCells property is used to specify how the empty cells of the table are displayed. By default, this property is set to show.Following is the syntax for −Setting the emptyCells property −empty-cells: show|hide|initial|inherit;Here, “show” displays the borders on empty cells while “hide” doesn’t. “Initial” sets it ... Read More

The HTML DOM Style display property is used for setting or returning the display type of an element. Elements are mostly block or inline. You can also hide the element using display:none.Following is the syntax for −Setting the display property −object.style.display = valueThe above property value is explained as follows ... Read More

The HTML DOM Style direction property is used to specify or returning the text direction. Its default value is ltr.Following is the syntax for −Setting the direction property −object.style.direction = "ltr|rtl|initial|inherit"The above property values are explained as follows −ValueDescriptionltrThisis the default value and text flows from left to right.rtlThetext flows ... Read More

The HTML DOM Style cursor property is used for setting or getting the cursor type while displaying the mouse pointer.Following is the syntax for −Setting the cursor property −object.style.cursor=valueThe following table demonstrates the valueValueDescriptionaliasThecursor indicates an alias of something is to be createdall-scrollThecursor indicates that something can be scrolled in ... Read More

The HTML DOM cssFloat property is used for setting or getting an element’s horizontal alignment. You can float the element either left or right −Following is the syntax for −Setting the cssFloat property −object.style.cssFloat = "left|right|none|initial|inherit"The above property values are explained as follows −ValueDescriptionNoneThisis the default value and doesn’t float ... Read More

The HTML DOM Style counterReset property is used to reset a counter to a fixed value or to create one. This is used together with counterincrement property usually to increment or decrement a counter.Following is the syntax for −Setting the counterReset property −object.style.counterReset = "none|name number|initial|inherit"The above property values are ... Read More

The HTML DOM Style counterIncrement property is used to increase or decrease the value of one or more CSS counter. This is used together with counterReset and content property usually.Following is the syntax for −Setting the counterIncrement property −object.style.counterIncrement = "none|id|initial|inherit"The above property values are explained as follows −ValueDescriptionnoneThisis the ... Read More

The HTML DOM columnSpan property is used for specifying how an element spans across columns.Following is the syntax for −Setting the columnSpan property −object.style.columnSpan = "1|all|initial|inherit"The above property values are explained as follows −ValueDescription1Thismakes the element span exactly across one column and this is thedefault value.AllTheelement should span across all ... Read More