The flex property defines the components of a flexible length. It is a shorthand for the following properties: The flex-shrink and flex-basis are optional, i.e. you don’t have to include them in the flex declaration. The flex property is one of the CSS3 properties. This property is a part of the Flexible Box Layout module. If there are no flexible items, the flex property won’t have any effect. When…

The filter property is used to apply visual effects to an element (image). The filter property has the following values: Initial Value none Applies to Table-cell elements. Inherited No. Animatable Yes. Version CSS3 DOM Syntax object.style.WebkitFilter = “hue-rotate(360deg)”; Syntax Example of the filter property: Result Example of using the filter property to make the image brighter: In the following…

The fill property is used for setting the color of an SVG shape. It accepts any color value. You can find web colors with our Color Picker tool and in the HTML colors section. Initial Value black Applies to All elements. It also applies to ::first-letter and ::first-line. Inherited Yes. Animatable Yes. Version SVG 1.1 DOM Syntax object.style.Fill = “#8ebf42”; Syntax Example of the fill property: Result Example…

The empty-cells property is used to set if the display borders and background should be shown or not on empty cells in a table. This property applies to tables that have a border-collapse property with the value of “separate”. For border-collapse property the default value is “show”. Initial Value show Applies to table-cell elements Inherited Yes. Animatable No Version CSS2 DOM Syntax object.style.emptyCells = “hide”; Syntax…

The display property defines the type of the box which is used for an HTML element. With the display property we can override the initial value of an element. For example, a block-level element could be displayed as an inline element by specifying a value of “inline”. An inline element does not accept the height and width properties. It will just ignore it. In…

The direction property defines the text direction. The direction property sets the base text direction of block-level elements and the direction of embeddings which are created by the unicode-bidi property. It also sets the text’s default alignment of block-level elements and the direction that cells flow within a table row. The text direction is usually specified inside a document, like the dir attribute…

The cursor property defines the type of mouse cursor when the mouse pointer is over the element. The cursor is defined as zero or more comma-separated <url> values, followed by a keyword value. Each of these <url>s must indicate an image file. The browser will fall back to the next image if it can’t load up the…

The counter-reset property resets one or more CSS counters to a given value. This property is usually used with the content and counter-increment properties. The counter-reset property is specified by two values: none and id numbers. “None” is the default value of this property. Negative values are allowed. Initial Value none Applies to All elements. Inherited No. Animatable No. Version CSS2 DOM Syntax…

The counter-increment property defines how much the values of counters should increase or decrease. This property is used with the content and counter-reset properties. The counter-increment property is specified by two values: none and id numbers. “None” is the default value of this property. It allows to use negative values in the case of “id number” value. The default increment is 1. If…

The content property is used with the ::before and ::after pseudo-elements to generate content inside an element, otherwise the content won’t be generated and inserted. The content always should be added. The property has the following values: Initial Value normal Applies to ::before and ::after pseudo-elements. Inherited No. Animatable No. Version CSS2 DOM Syntax object.style.Content = “none”; Syntax Example of the content property: Result Example of…