The column-count property specifies the number of columns which divides the content of an element. The column-count property is one of the CSS3 properties. It has two values: auto and number. “Auto” is the default value of this property. The number of columns is determined by other properties such as column-width. “Number” value specifies the number of columns into which the…

The CSS columns property is a shorthand for the following properties: These two properties together create multi-column layout which will automatically break down into a single column at narrow browser widths without the need of media queries or other rules. The columns property is one of the CSS3 properties. Setting both column-count and column-width is not always make sense, as it can restrict the…

The color property describes the color of the text content and text decorations. A background color can be combined with a text color to make the text easy readable. You can find web colors in our HTML colors section and try to choose your preferred colors with our Color Picker tool. The default value of this property varies from one browser…

The clip-path property allows to specify a clipping region which sets what part of the element should be shown. Those parts outside the clipping region are hidden. This property has four values: The deprecated clip property will be replaced by the clip-path property. Initial Value none Applies to All elements. Inherited No Animatable Yes, if specified for <basic-shape>. Version CSS1 DOM…

The clip property allows a rectangle to clip a positioned element. The rectangle is specified as four coordinates: top, right, bottom, left. The values of top and bottom specify offsets from the inside top border edge of the box, while the values of right and left specify offsets from the inside left border edge of the box.…

The clear property is directly related to floats. The clear property is used to specify whether an element should be next to floating elements or it should be below them (clear). We can apply the clear property to both floating and non-floating elements. This property has four values: none, left, right, and both. “None” is the default value. It allows floating elements…

A @charset rule specifies the character encoding of the style rules and values. The @charset rule should never be used in an embedded style sheet, as there are other ways to define character encoding in HTML such as <meta> tag. If several @charset at-rules are defined, only the first one is used, and it cannot be used inside a style attribute on an HTML element or inside…

The caret-color property specifies the color of the insertion caret (cursor). It is a thin vertical line, which is easily noticeable due to its flash. By default, this caret is black. However, the caret-color property allows applying any color to the caret. Initial Value auto Applies to All elements. Inherited Yes. Animatable No. Version CSS3 DOM Syntax…

The caption-side property defines the place of HTML <caption> element, used on HTML tables. The <caption> tag is used to give a title for a table. The title (caption) of the table can be placed at the bottom or at the top of the table. This property has two standardized values: top and bottom. The “top” value defines that the…

The break-inside is a CSS property which defines how any break (page, column) should behave within the generated box. This property is ignored when the generated box is not specified. It has four values: auto, avoid, always, all. Each element boundary is touched by the three properties below: Apply the rules below, to decide if a break…