List CSS
border-spacing
border-spacingThe border-spacing CSS property sets the distance between the borders of adjacent <table> cells. This property applies only when border-collapse is separate. The border-spacing val..
border-start-end-radius
border-start-end-radiusThe border-start-end-radius CSS property defines a logical border radius on an element, which maps to a physical border radius depending on the element's writing-mode, direction..
border-start-start-radius
border-start-start-radiusThe border-start-start-radius CSS property defines a logical border radius on an element, which maps to a physical border radius that depends on the element's writing-mode, di..
border-style
border-styleThe border-style shorthand CSS property sets the line style for all four sides of an element's border.Constituent propertiesThis property is a shorthand for the following CSS properties: ..
border-top
border-topThe border-top shorthand CSS property sets all the properties of an element's top border. As with all shorthand properties, border-top always sets the values of all of the properties that it..
border-top-color
border-top-colorThe border-top-color CSS property sets the color of an element's top border. It can also be set with the shorthand CSS properties border-color or border-top.Syntax/* <color> valu..
border-top-left-radius
border-top-left-radiusThe border-top-left-radius CSS property rounds the top-left corner of an element by specifying the radius (or the radius of the semi-major and semi-minor axes) of the ellipse def..
border-top-right-radius
border-top-right-radiusThe border-top-right-radius CSS property rounds the top-right corner of an element by specifying the radius (or the radius of the semi-major and semi-minor axes) of the ellipse ..
border-top-style
border-top-styleThe border-top-style CSS property sets the line style of an element's top border. Note: The specification doesn't define how borders of different styles connect in the corners. Synt..
border-top-width
border-top-widthThe border-top-width CSS property sets the width of the top border of an element.Syntax/* Keyword values */ border-top-width: thin; border-top-width: medium; border-top-width: thick; ..
border-width
border-widthThe border-width shorthand CSS property sets the width of an element's border.Constituent propertiesThis property is a shorthand for the following CSS properties: border-bottom-width ..
bottom
bottomThe bottom CSS property participates in setting the vertical position of a positioned element. It has no effect on non-positioned elements. The effect of bottom depends on how the element is pos..
@bottom-center
@pageThe @page CSS at-rule is used to modify some CSS properties when printing a document.Syntax@page { margin: 1cm; } @page :first { margin: 2cm; } Descriptors size Specifies the target..
box-decoration-break
box-decoration-breakThe box-decoration-break CSS property specifies how an element's fragments should be rendered when broken across multiple lines, columns, or pages. The specified value will impact ..
box-shadow
box-shadowThe box-shadow CSS property adds shadow effects around an element's frame. You can set multiple effects separated by commas. A box shadow is described by X and Y offsets relative to the elem..
box-sizing
box-sizingThe box-sizing CSS property sets how the total width and height of an element is calculated. By default in the CSS box model, the width and height you assign to an element is applied only to..
break-after
break-afterThe break-after CSS property sets how page, column, or region breaks should behave after a generated box. If there is no generated box, the property is ignored. /* Generic break values */ b..
break-before
break-beforeThe break-before CSS property sets how page, column, or region breaks should behave before a generated box. If there is no generated box, the property is ignored. /* Generic break values *..
break-inside
break-insideThe break-inside CSS property sets how page, column, or region breaks should behave inside a generated box. If there is no generated box, the property is ignored. /* Keyword values */ brea..
brightness()
brightness()The brightness() CSS function applies a linear multiplier to the input image, making it appear brighter or darker. Its result is a <filter-function>.Syntaxbrightness(amount) Paramete..
calc()
calc()The calc() CSS function lets you perform calculations when specifying CSS property values. It can be used anywhere a <length>, <frequency>, <angle>, <time>, <percentag..
caption-side
caption-sideThe caption-side CSS property puts the content of a table's <caption> on the specified side. The values are relative to the writing-mode of the table.Syntax/* Directional values */ c..
caret-color
caret-colorThe caret-color CSS property sets the color of the insertion caret, the visible marker where the next character typed will be inserted. This is sometimes referred to as the text input curso..
@character-variant
@font-feature-valuesThe @font-feature-values CSS at-rule lets you use a common name in the font-variant-alternates property for features activated differently in OpenType. This can help simplify your ..
character-variant()
font-variant-alternatesThe font-variant-alternates CSS property controls the usage of alternate glyphs. These alternate glyphs may be referenced by alternative names defined in @font-feature-values. /..
@charset
@charsetThe @charset CSS at-rule specifies the character encoding used in the style sheet. It must be the first element in the style sheet and not be preceded by any character; as it is not a nested s..
:checked
:checkedThe :checked CSS pseudo-class selector represents any radio (<input type="radio">), checkbox (<input type="checkbox">), or option (<option> in a <select>) element that ..
circle()
<basic-shape>The <basic-shape> CSS data type represents a shape used in the clip-path, shape-outside, and offset-path properties.SyntaxThe <basic-shape> data type is defined with one..
clamp()
clamp()The clamp() CSS function clamps a value between an upper and lower bound. clamp() enables selecting a middle value within a range of values between a defined minimum and maximum. It takes three..
clear
clearThe clear CSS property sets whether an element must be moved below (cleared) floating elements that precede it. The clear property applies to floating and non-floating elements. When applied to n..
clip
clipThe clip CSS property defines a visible portion of an element. The clip property applies only to absolutely positioned elements — that is, elements with position:absolute or position:fixed. /* K..
clip-path
clip-pathThe clip-path CSS property creates a clipping region that sets what part of an element should be shown. Parts that are inside the region are shown, while those outside are hidden.Syntax/* Key..
<color>
<color> The <color> CSS data type represents a color. A <color> may also include an alpha-channel transparency value, indicating how the color should composite with its backgroun..
color
colorThe color CSS property sets the foreground color value of an element's text and text decorations, and sets the <currentcolor> value. currentcolor may be used as an indirect value on other p..
color-adjust
print-color-adjust The print-color-adjust CSS property sets what, if anything, the user agent may do to optimize the appearance of the element on the output device. By default, the browser is allo..
color-scheme
color-schemeThe color-scheme CSS property allows an element to indicate which color schemes it can comfortably be rendered in. Common choices for operating system color schemes are "light" and "dark",..
column-count
column-countThe column-count CSS property breaks an element's content into the specified number of columns.Syntax/* Keyword value */ column-count: auto; /* <integer> value */ column-count: 3; ..
column-fill
column-fillThe column-fill CSS property controls how an element's contents are balanced when broken into columns.Syntax/* Keyword values */ column-fill: auto; column-fill: balance; column-fill: balanc..
column-gap
column-gap (grid-column-gap)The column-gap CSS property sets the size of the gap (gutter) between an element's columns. Initially a part of Multi-column Layout, the definition of column-gap has been b..
column-rule
column-ruleThe column-rule shorthand CSS property sets the width, style, and color of the line drawn between columns in a multi-column layout. It is a shorthand property that sets the individual colum..
column-rule-color
column-rule-colorThe column-rule-color CSS property sets the color of the line drawn between columns in a multi-column layout.Syntax/* <color> values */ column-rule-color: red; column-rule-color..
column-rule-style
column-rule-styleThe column-rule-style CSS property sets the style of the line drawn between columns in a multi-column layout.Syntax/* <'border-style'> values */ column-rule-style: none; column-..
column-rule-width
column-rule-widthThe column-rule-width CSS property sets the width of the line drawn between columns in a multi-column layout.Syntax/* Keyword values */ column-rule-width: thin; column-rule-width: med..
column-span
column-spanThe column-span CSS property makes it possible for an element to span across all columns when its value is set to all. /* Keyword values */ column-span: none; column-span: all; /* Global v..
column-width
column-widthThe column-width CSS property sets the ideal column width in a multi-column layout. The container will have as many columns as can fit without any of them having a width less than the colu..
columns
columnsThe columns CSS shorthand property sets the number of columns to use when drawing an element's contents, as well as those columns' widths.Constituent propertiesThis property is a shorthand for ..
conic-gradient()
conic-gradient()The conic-gradient() CSS function creates an image consisting of a gradient with color transitions rotated around a center point (rather than radiating from the center). Example conic ..
contain
containThe contain CSS property allows an author to indicate that an element and its contents are, as much as possible, independent of the rest of the document tree. This allows the browser to recalcu..
content
contentThe content CSS property replaces an element with a generated value. Objects inserted using the content property are anonymous replaced elements. /* Keywords that cannot be combined with other ..
content-visibility
content-visibilityThe content-visibility CSS property controls whether or not an element renders its contents at all, along with forcing a strong set of containments, allowing user agents to potential..