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…

The break-before is a CSS property which defines how any break (page, column) should behave before the generated box. If the generated box is missed, the property is ignored. It has four values: auto, avoid, always, all. You cannot use the break-after property on absolutely positioned elements or on an <div>. The page-break-inside, page-break-after and page-break-before properties help to define how a document…

The break-after is a CSS property which defines how any break (page, column) should behave after the generated box. It has four values: auto, avoid, always, all. Inside a multicol container, which was inside a page container would force a column and page break. Each element boundary is touched by the three properties below: Apply the rules…