List CSS
--*
Custom properties (--*): CSS variablesProperty names that are prefixed with --, like --example-name, represent custom properties that contain a value that can be used in other declarations using the v..
-webkit-line-clamp
-webkit-line-clampThe -webkit-line-clamp CSS property allows limiting of the contents of a block container to the specified number of lines. It only works in combination with the display property set ..
accent-color
accent-colorThe accent-color CSS property sets the accent color for user-interface controls generated by some elements. Browsers that support accent-color currently apply it to the following HTML elem..
:active
:activeThe :active CSS pseudo-class represents an element (such as a button) that is being activated by the user. When using a mouse, "activation" typically starts when the user presses down the prima..
additive-symbols (@counter-style)
additive-symbolsThe additive-symbols descriptor lets you specify symbols when the value of a counter system descriptor is additive. The additive-symbols descriptor defines additive tuples, each of whi..
::after (:after)
::after (:after)In CSS, ::after creates a pseudo-element that is the last child of the selected element. It is often used to add cosmetic content to an element with the content property. It is inline ..
align-content
align-contentThe CSS align-content property sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis. The interactive example below use Grid ..
align-items
align-itemsThe CSS align-items property sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the a..
align-self
align-selfThe align-self CSS property overrides a grid or flex item's align-items value. In Grid, it aligns the item inside the grid area. In Flexbox, it aligns the item on the cross axis. The propert..
align-tracks
align-tracksExperimental: This is an experimental technologyCheck the Browser compatibility table carefully before using this in production. The align-tracks CSS property sets the alignment in the mas..
all
allThe all shorthand CSS property resets all of an element's properties except unicode-bidi, direction, and CSS Custom Properties. It can set properties to their initial or inherited values, or to the..
<angle>
<angle>The <angle> CSS data type represents an angle value expressed in degrees, gradians, radians, or turns. It is used, for example, in <gradient>s and in some transform functions...
<angle-percentage>
<angle-percentage>The <angle-percentage> CSS data type represents a value that can be either a <angle> or a <percentage>.SyntaxRefer to the documentation for <angle> and ..
animation
animationThe animation shorthand CSS property applies an animation between styles. It is a shorthand for animation-name, animation-duration, animation-timing-function, animation-delay, animation-itera..
animation-delay
animation-delayThe animation-delay CSS property specifies the amount of time to wait from applying the animation to an element before beginning to perform the animation. The animation can start later,..
animation-direction
animation-directionThe animation-direction CSS property sets whether an animation should play forward, backward, or alternate back and forth between playing the sequence forward and backward. It is of..
animation-duration
animation-durationThe animation-duration CSS property sets the length of time that an animation takes to complete one cycle. It is often convenient to use the shorthand property animation to set all a..
animation-fill-mode
animation-fill-modeThe animation-fill-mode CSS property sets how a CSS animation applies styles to its target before and after its execution. It is often convenient to use the shorthand property anima..
animation-iteration-count
animation-iteration-countThe animation-iteration-count CSS property sets the number of times an animation sequence should be played before stopping. If multiple values are specified, each time the ani..
animation-name
animation-nameThe animation-name CSS property specifies the names of one or more @keyframes at-rules describing the animation or animations to apply to the element. It is often convenient to use the s..
animation-play-state
animation-play-stateThe animation-play-state CSS property sets whether an animation is running or paused. Resuming a paused animation will start the animation from where it left off at the time it was..
animation-timing-function
animation-timing-functionThe animation-timing-function CSS property sets how an animation progresses through the duration of each cycle. It is often convenient to use the shorthand property animation ..
@annotation
@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 ..
annotation()
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. /..
:any-link
:any-linkThe :any-link CSS pseudo-class selector represents an element that acts as the source anchor of a hyperlink, independent of whether it has been visited. In other words, it matches every <a..
appearance
appearance (-moz-appearance, -webkit-appearance)The appearance CSS property is used to display an element using platform-native styling, based on the operating system's theme. The -moz-appearance and ..
ascent-override (@font-face)
ascent-overrideThe ascent-override CSS descriptor defines the ascent metric for the font. The ascent metric is the height above the baseline that CSS uses to lay out line boxes in an inline formatting..
aspect-ratio
aspect-ratioThe aspect-ratio CSS property sets a preferred aspect ratio for the box, which will be used in the calculation of auto sizes and some other layout functions. aspect-ratio: 1 / 1; aspect-ra..
attr()
attr() Note: The attr() function can be used with any CSS property, but support for properties other than content is experimental, and support for the type-or-unit parameter is sparse. The attr() C..
::backdrop
::backdropThe ::backdrop CSS pseudo-element is a box the size of the viewport which is rendered immediately beneath any element being presented in fullscreen mode. This includes both elements which ha..
backdrop-filter
backdrop-filterThe backdrop-filter CSS property lets you apply graphical effects such as blurring or color shifting to the area behind an element. Because it applies to everything behind the element, ..
backface-visibility
backface-visibilityThe backface-visibility CSS property sets whether the back face of an element is visible when turned towards the user. An element's back face is a mirror image of its front face. Th..
background
backgroundThe background shorthand CSS property sets all background style properties at once, such as color, image, origin and size, or repeat method.Constituent propertiesThis property is a shorthand..
background-attachment
background-attachmentThe background-attachment CSS property sets whether a background image's position is fixed within the viewport, or scrolls with its containing block.Syntax/* Keyword values */ bac..
background-blend-mode
background-blend-modeThe background-blend-mode CSS property sets how an element's background images should blend with each other and with the element's background color. Blending modes should be defin..
background-clip
background-clipThe background-clip CSS property sets whether an element's background extends underneath its border box, padding box, or content box. If the element has no background-image or backgroun..
background-color
background-colorThe background-color CSS property sets the background color of an element.Syntax/* Keyword values */ background-color: red; background-color: indigo; /* Hexadecimal value */ backgroun..
background-image
background-imageThe background-image CSS property sets one or more background images on an element. The background images are drawn on stacking context layers on top of each other. The first layer spe..
background-origin
background-originThe background-origin CSS property sets the background's origin: from the border start, inside the border, or inside the padding. Note that background-origin is ignored when backgroun..
background-position
background-positionThe background-position CSS property sets the initial position for each background image. The position is relative to the position layer set by background-origin.Syntax/* Keyword va..
background-position-x
background-position-xThe background-position-x CSS property sets the initial horizontal position for each background image. The position is relative to the position layer set by background-origin. The..
background-position-y
background-position-yThe background-position-y CSS property sets the initial vertical position for each background image. The position is relative to the position layer set by background-origin. The v..
background-repeat
background-repeatThe background-repeat CSS property sets how background images are repeated. A background image can be repeated along the horizontal and vertical axes, or not repeated at all. By defau..
background-size
background-size The background-size CSS property sets the size of the element's background image. The image can be left to its natural size, stretched, or constrained to fit the available space. ..
<basic-shape>
<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..
::before (:before)
::before (:before)In CSS, ::before creates a pseudo-element that is the first child of the selected element. It is often used to add cosmetic content to an element with the content property. It is inl..
:blank
:blankExperimental: This is an experimental technologyCheck the Browser compatibility table carefully before using this in production. Note: The :blank selector is considered at risk, as the CSSWG ..
<blend-mode>
<blend-mode>The <blend-mode> CSS data type describes how colors should appear when elements overlap. It is used in the background-blend-mode and mix-blend-mode properties.SyntaxThe <ble..
block-size
block-sizeThe block-size CSS property defines the horizontal or vertical size of an element's block, depending on its writing mode. It corresponds to either the width or the height property, depending..
blur()
blur()The blur() CSS function applies a Gaussian blur to the input image. Its result is a <filter-function>.Syntaxblur(radius) Parameters radius The radius of the blur, specified as a &..
