CSS entries starting with “C”

Every CSS entry starting with C, grouped by kind. Pseudo-classes, pseudo-elements and types are filed by their first letter, ignoring the leading :, :: or <.

Name	Description
Color
`Canvas`	System colour: the background of the page.
`CanvasText`	System colour: text on the page background.
`cadetblue`	Named colour #5f9ea0.
`chartreuse`	Named colour #7fff00.
`chocolate`	Named colour #d2691e.
`coral`	Named colour #ff7f50.
`cornflowerblue`	Named colour #6495ed.
`cornsilk`	Named colour #fff8dc.
`crimson`	Named colour #dc143c.
`currentcolor`	The element's own color value, for borders, shadows and fills.
`cyan`	Named colour #00ffff, the same as aqua.
Function
`calc()`	Evaluates an arithmetic expression that can mix units.
`calc-size()`	Arithmetic on intrinsic sizes such as auto, so they can be animated.
`circle()`	A circular basic shape for clip-path and shape-outside.
`clamp()`	Keeps a preferred value between a minimum and a maximum.
`color()`	A colour in a named colour space such as display-p3.
`color-mix()`	Mixes colours in a chosen colour space.
`conic-gradient()`	An image of colours changing around a centre point.
`contrast()`	A filter that adjusts contrast.
`contrast-color()`	White or black, whichever contrasts more with a colour.
`cos()`	The cosine of an angle.
`counter()`	The current value of a counter, as a string for content.
`counters()`	All nested values of a counter joined by a string, such as 1.2.3.
`cross-fade()`	An image that blends two images by a percentage.
`cross-origin()`	url() modifier that fetches the resource with a CORS request.
`cubic-bezier()`	A smooth easing curve defined by two control points.
Keyword
`cursive`	Generic font family: a script or handwriting-style font.
Media feature
`color`	Bits per colour component of the output device.
`color-gamut`	The range of colours the display can show: srgb, p3 or rec2020.
`color-index`	Entries in the output device's colour lookup table.
Property
`caption-side`	Puts a table caption above or below the table.
`caret-animation`	Turns off the built-in caret blink so authors can animate it.
`caret-color`	The colour of the text insertion caret.
`caret-shape`	The shape of the text caret: bar, block or underscore.
`clear`	Moves a box below earlier floats on the given side.
`clip`	Deprecated rectangle clip for absolutely positioned elements. Use clip-path.
`clip-path`	Clips an element to a shape, box or SVG clipPath.
`clip-rule`	The fill rule used by shapes inside an SVG clipPath.
`color`	The foreground colour of text, and the value of currentColor.
`color-adjust`	Deprecated older name for print-color-adjust.
`color-interpolation`	The colour space SVG uses for gradients, animation and compositing.
`color-interpolation-filters`	The colour space SVG filter primitives work in.
`color-scheme`	Which colour schemes, light or dark, an element supports.
`column-count`	The number of columns in a multi-column container.
`column-fill`	Whether columns are balanced or filled one after another.
`column-gap`	The space between columns, or between flex items in a row.
`column-height`	A fixed height for each column, allowing rows of columns.
`column-rule`	Shorthand for the width, style and colour of lines between columns.
`column-rule-break`	Whether column rules break into segments where gaps intersect.
`column-rule-color`	The colour of lines drawn between columns.
`column-rule-inset`	Shorthand for the cap and junction insets of column rules.
`column-rule-inset-cap`	Insets of column rule ends at the container edges.
`column-rule-inset-cap-end`	Inset of a column rule end at the container edge.
`column-rule-inset-cap-start`	Inset of a column rule start end at the container edge.
`column-rule-inset-end`	Inset of the end of each column rule segment.
`column-rule-inset-junction`	Insets of column rule ends where they meet other rules.
`column-rule-inset-junction-end`	Inset of a column rule end where it meets other rules.
`column-rule-inset-junction-start`	Inset of a column rule start end where it meets other rules.
`column-rule-inset-start`	Inset of the start end of each column rule segment.
`column-rule-style`	The line style of rules drawn between columns.
`column-rule-visibility-items`	Which column gap segments get a rule, based on neighbouring items.
`column-rule-width`	The thickness of lines drawn between columns.
`column-span`	Lets an element span every column of its multi-column container.
`column-width`	The ideal width of each column in a multi-column container.
`column-wrap`	Whether extra columns wrap into a new row or overflow sideways.
`columns`	Shorthand for column-width, column-count and column-height.
`contain`	Isolates an element's size, layout, paint or style from the rest of the page.
`contain-intrinsic-block-size`	The placeholder block size of a size-contained element.
`contain-intrinsic-height`	The placeholder height of a size-contained element.
`contain-intrinsic-inline-size`	The placeholder inline size of a size-contained element.
`contain-intrinsic-size`	Shorthand for the placeholder size of a size-contained element.
`contain-intrinsic-width`	The placeholder width of a size-contained element.
`container`	Shorthand for container-name and container-type.
`container-name`	Names a query container so @container rules can target it.
`container-type`	Makes an element a container for size or scroll-state queries.
`content`	Generated content for ::before, ::after and ::marker, or a replacement image.
`content-visibility`	Lets the browser skip rendering an element's contents until needed.
`corner-block-end-shape`	Sets the shape of the two corners on the block-end side.
`corner-block-start-shape`	Sets the shape of the two corners on the block-start side.
`corner-bottom-left-shape`	The shape of the bottom-left corner.
`corner-bottom-right-shape`	The shape of the bottom-right corner.
`corner-bottom-shape`	Sets the shape of the two bottom corners.
`corner-end-end-shape`	The shape of the block-end, inline-end corner.
`corner-end-start-shape`	The shape of the block-end, inline-start corner.
`corner-inline-end-shape`	Sets the shape of the two corners on the inline-end side.
`corner-inline-start-shape`	Sets the shape of the two corners on the inline-start side.
`corner-left-shape`	Sets the shape of the two left-hand corners.
`corner-right-shape`	Sets the shape of the two right-hand corners.
`corner-shape`	Shorthand for the shape of the four rounded corners, such as squircle or bevel.
`corner-start-end-shape`	The shape of the block-start, inline-end corner.
`corner-start-start-shape`	The shape of the block-start, inline-start corner.
`corner-top-left-shape`	The shape of the top-left corner.
`corner-top-right-shape`	The shape of the top-right corner.
`corner-top-shape`	Sets the shape of the two top corners.
`counter-increment`	Adds to CSS counters each time an element appears.
`counter-reset`	Creates new CSS counters with a starting value.
`counter-set`	Sets existing CSS counters to a value without creating new ones.
`cursor`	The mouse cursor shown over an element, from a keyword or custom images.
`cx`	The x coordinate of the centre of an SVG circle or ellipse.
`cy`	The y coordinate of the centre of an SVG circle or ellipse.
Pseudo-class
`:checked`	Matches checked checkboxes and radio buttons, and selected options.
Pseudo-element
`::checkmark`	The checked indicator of a checkbox, radio button or option.
`::column`	Each column of a multi-column container.
`::cue`	The WebVTT captions and subtitles of a video.
`::cue()`	Parts of WebVTT caption text that match a selector.
Type
`<color-interpolation-method>`	The colour space used to blend colours in color-mix() and gradients.
`<color>`	Any colour: hex, named, system, currentcolor or a colour function.
`<content-distribution>`	space-between, space-around, space-evenly or stretch.
`<content-position>`	Pack a container's content to the start, end or centre.
`<coord-box>`	A reference box for masks and motion paths, CSS or SVG.
`<corner-shape-value>`	The shape of a rounded corner: round, squircle, bevel, scoop and more.
`<counter-style>`	How a counter is shown: decimal, roman, letters, bullets and more.
`<custom-ident>`	An author-chosen, case-sensitive name, such as an animation name.
Unit
`cap`	The cap height of the element's font.
`ch`	The advance width of the digit 0 in the element's font.
`cm`	One centimetre.
`cqb`	1% of the query container's block size.
`cqh`	1% of the query container's height.
`cqi`	1% of the query container's inline size.
`cqmax`	The larger of cqi and cqb.
`cqmin`	The smaller of cqi and cqb.
`cqw`	1% of the query container's width.