My Blog

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…

The column-width property defines the width of columns. The number of columns should be the minimum number that is required for displaying all the content through the element. The column-width property is one of the CSS3 properties. It has two values: auto and length. “Auto” is the default value of the column-width property. “Length” specifies the width of columns in…

The column-span property is used to define whether the element spans across one column or all columns. This property is one of the CSS3 properties. It has two values: none and all. “None” is the default value of the color-span property. It spans the element across one column. The “all” value specifies that the element should span across all columns.…

The column-rule-width CSS property defines the width of the rule between columns. The column-rule-width property is one of the CSS3 properties. Firstly you should define columns or column-rule-style property then the column-rule-width property. An element must have some rules before you can set the width. This property has the following values: Initial Value medium Applies to Multicol elements. Inherited No. Animatable Yes. The width and color…

The column-rule-style specifies the style of the rule between columns. A column-rule is similar to a border that you can add to separate adjacent columns. It can also have styles like a border. This property is one of the CSS3 properties. One should define the columns or columns-count properties, because there should be columns in order to specify the style for it. The column-rule-style property has the following…

The column-rule-color property sets the color of the rule. The column-rule-color property is one of the CSS3 properties. The color of the rule can also be specified by the column-rule shorthand property. You can find web colors in our HTML colors section and try to choose your preferred colors with our Color Picker tool. Initial Value currentColor Applies to Multicol elements. Inherited No. Animatable Yes. Color…