The white-space property specifies how the white space inside an element is handled. A white space can be a sequence of spaces or a line break. This property can be applied to any inline content within an element. Extra specified spaces are collapsed into one, newlines are removed, and lines are broken and wrap where necessary to…

The visibility property is used to specify the element that should be visible or hidden to the user. It has the following values: visible, hidden and collapses. When the element is set to “hidden”, the content of that tag becomes fully transparent, but it will display the place of it. But the descendant elements of the hidden…

The vertical-align property specifies the vertical alignment of an inline, inline-block or table-cell box. Inline-level elements include images, text, buttons, etc. This property works only in the following contexts: We can’t use the vertical-align property to vertically align block-level elements. Initial Value baseline Applies to Inline-level and table-cell elements, also applies to ::first-letter and ::first-line. Inherited No. Animatable Yes. The vertical alignment is animatable.…

The user-select property specifies whether or not the user can select text. The default value is “auto” which is determined as follows: Initial Value auto Applies to All elements, though some values have no effect on non-inline elements. Inherited No. Animatable No. Version CSS3 DOM Syntax object.style.userSelect = “text”; Syntax Example of the user-select property with the…

The Unicode-range descriptor defines the specific range of the characters that are used with fonts specified by the @font-face property for the use on the page. When @font-face is not supported, a fallback font should be included. If the page does not use a character in the range, the font is not downloaded. If at least one character is used, the…

The unicode-bidi property specifies the behavior of the bidirectional text in a document. The unicode-bidi property allows to override the Unicode algorithm and control the text embedding. The unicode-bidi property should not be overridden by users, authors, and web designers. It should commonly be used by DTD designers. The unicode-bidi and the direction properties are the only properties that are not affected by all property. Initial Value…

The transition-timing-function CSS property specifies transition proceeding over its duration allowing to change the speed. The transition-timing-function property is one of the CSS3 properties. It has the following values: Initial Value ease Applies to All elements, ::before and ::after pseudo-elements. Inherited No. Animatable No. Version CSS3 DOM Syntax object.style.transitionTimingFunction = “ease in”; Syntax Example of transition-timing-function: Example of transition-timing-function with…

The transition-property specifies the names of the properties for the transition. It can be either comma-separated property names or “all” value can be used to specify all properties on an element to be transitioned. Initial Value all Applies to All elements, ::before and ::after pseudo-elements. Inherited No. Animatable No. Version CSS3 DOM Syntax object.style.transitionProperty = “height”; Syntax Example of the transition-property property:…

The transition-duration property defines how long the transition animation should take. The transition-duration property is one of the CSS3 properties. One or multiple comma-separated durations can be specified. Several durations may be specified, and each of these durations will be applied to the matching property defined by the CSS transition-property. This property acts as a master list,…

The transition-delay CSS property specifies when the transition effect should start. The transition-delay property is one of the CSS3 properties. The default value is 0s which means that the transition effect starts immediately. The time offset which is specified with the transition-delay property offsets the transition animation by the specified amount. The offset can be a negative value as well.…