The HTML DOM Style fontSizeAdjust property is used for setting the size of font based on the height of lowercase letter x and uppercase letter X. It offers a greater control on the font size than fontSize property.Note: This property is only supported in Mozilla Firefox.Following is the syntax for ... Read More

The HTML DOM Style fontSize property is used to set or return the size of font.Following is the syntax for −Setting the fontSize property −object.style.fontSize = "value|initial|inherit"The above properties are explained as follows −ValueDescriptionxx-smallx-smallsmallmediumlargex-largexx-largeForsetting the front size from one of value ranging from xx-small toxx-large.smallerItdecreases the text font-size by one ... Read More

The HTML DOM Style font-family property is used for setting or returning the specific font list for the selected element. It is recommended to use web safe fonts and specifying additional fonts.Following is the syntax for −Setting the fontFamily property −object.style.fontFamily = "font1, font2, etc.|initial|inherit"Here, font1, font2 are comma separated ... Read More

The HTML DOM Style font property is used for setting or getting the six properties named font-style, font-variant, font-weight, font-size, line-height, and font-family. The font size and font family are required attribute value and it can set default for all other missing values.Following is the syntax for returning the font ... Read More

The HTML DOM Style flexWrap property is used for specifying how the elements inside the flex element are wrapped.Following is the syntax for −Setting the flexWrap property −object.style.flexWrap = "nowrap|wrap|wrap-reverse|initial|inherit"The above properties are explained as follows −ValueDescriptionnowrapThisis the default value specifying that the flexible items will notwrap.wrapThisspecifies the flexible items ... Read More

The HTML DOM Style flexShrink property is used to set the proportion by which an element shrinks its size with respect to its siblings inside a flex element.Following is the syntax for −Setting the flexShrink property −object.style.flexShrink = "number|initial|inherit"Here, “number” specifies how much the element shrinks in proportion to other ... Read More

The HTML DOM Style flexGrow property is used to set the proportion by which an element accommodates its size inside a flex element. It accepts unitless numeric values.Following is the syntax for −Setting the flexGrow property −object.style.flexGrow = "number|initial|inherit"Here, number specifies how much the element grows in proportion to other ... Read More

The HTML DOM Style flexFlow property is used to specify the flexDirection and flexWrap property of an element. It is a shorthand for flexDirection and flexWrap and accepts values in the same order.Following is the syntax for −Setting the flexFlow property −object.style.flexFlow = "flex-direction flex-wrap|initial|inherit"The above properties are explained as ... Read More

The HTML DOM Style flexDirection property is used to set or return the direction of placement of flex elements.Following is the syntax for −Setting the flexDirection property −object.style.flexDirection = "row|row-reverse|column|column-reverse|initial|inherit"The above properties are explained as follows −ValueDescriptionrowThisdisplays the flex items as row horizontally and is the defaultvalue.row-reverseThisdisplays the flex items ... Read More

The HTML DOM style flexBasis property is used to specifying the initial size of an element with flex display. The flexBasis property has higher priority than width for any other value than auto for flex-basis.Following is the syntax for −Setting the flexBasis property −object.style.flexBasis = "number|auto|initial|inherit"The above properties are explained ... Read More