List CSS
:future
:futureThe :future CSS pseudo-class selector is a time-dimensional pseudo-class that will match for any element which appears entirely after an element that matches :current. For example in a video wi..
angle#grad
<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...
gap
gap (grid-gap)The gap CSS property sets the gaps (gutters) between rows and columns. It is a shorthand for row-gap and column-gap.Syntax/* One <length> value */ gap: 20px; gap: 1em; gap: 3vmin; ..
<gradient>
<gradient>The <gradient> CSS data type is a special type of <image> that consists of a progressive transition between two or more colors. A CSS gradient has no intrinsic dimensions; ..
::grammar-error
::grammar-errorExperimental: This is an experimental technologyCheck the Browser compatibility table carefully before using this in production. The ::grammar-error CSS pseudo-element represents a text..
grayscale()
grayscale()The grayscale() CSS function converts the input image to grayscale. Its result is a <filter-function>.Syntaxgrayscale(amount) Parameters amount The amount of the conversion, ..
grid
gridThe grid CSS property is a shorthand property that sets all of the explicit and implicit grid properties in a single declaration. Using grid you specify one axis using grid-template-rows or grid-t..
grid-area
grid-areaThe grid-area CSS shorthand property specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying t..
grid-auto-columns
grid-auto-columnsThe grid-auto-columns CSS property specifies the size of an implicitly-created grid column track or pattern of tracks. If a grid item is positioned into a column that is not explicitl..
grid-auto-flow
grid-auto-flowThe grid-auto-flow CSS property controls how the auto-placement algorithm works, specifying exactly how auto-placed items get flowed into the grid.Syntax/* Keyword values */ grid-auto-fl..
grid-auto-rows
grid-auto-rowsThe grid-auto-rows CSS property specifies the size of an implicitly-created grid row track or pattern of tracks. If a grid item is positioned into a row that is not explicitly sized by g..
grid-column
grid-columnThe grid-column CSS shorthand property specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby s..
grid-column-end
grid-column-endThe grid-column-end CSS property specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specif..
grid-column-start
grid-column-startThe grid-column-start CSS property specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This sta..
grid-row
grid-rowThe grid-row CSS shorthand property specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifyi..
grid-row-end
grid-row-endThe grid-row-end CSS property specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the ..
grid-row-start
grid-row-startThe grid-row-start CSS property specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifyin..
grid-template
grid-templateThe grid-template CSS property is a shorthand property for defining grid columns, rows, and areas.Constituent propertiesThis property is a shorthand for the following CSS properties: g..
grid-template-areas
grid-template-areasThe grid-template-areas CSS property specifies named grid areas, establishing the cells in the grid and assigning them names. Those areas are not associated with any particular grid..
grid-template-columns
grid-template-columnsThe grid-template-columns CSS property defines the line names and track sizing functions of the grid columns.Syntax/* Keyword value */ grid-template-columns: none; /* <track-l..
grid-template-rows
grid-template-rowsThe grid-template-rows CSS property defines the line names and track sizing functions of the grid rows.Syntax/* Keyword value */ grid-template-rows: none; /* <track-list> valu..
frequency#Hz
<frequency>The <frequency> CSS data type represents a frequency dimension, such as the pitch of a speaking voice. It is not currently used in any CSS properties.SyntaxThe <frequency>..
hanging-punctuation
hanging-punctuationThe hanging-punctuation CSS property specifies whether a punctuation mark should hang at the start or end of a line of text. Hanging punctuation may be placed outside the line box. ..
:has
:has()The :has() CSS pseudo-class represents an element if any of the selectors passed as parameters (relative to the :scope of the given element) match at least one element. /* Selects any <a>,..
height
heightThe height CSS property specifies the height of an element. By default, the property defines the height of the content area. If box-sizing is set to border-box, however, it instead determines th..
height (@viewport)
@viewportDeprecated: This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of bein..
:host()
:host()The :host() CSS pseudo-class function selects the shadow host of the shadow DOM containing the CSS it is used inside (so you can select a custom element from inside its shadow DOM) — but only..
:host-context()
:host-context()The :host-context() CSS pseudo-class function selects the shadow host of the shadow DOM containing the CSS it is used inside (so you can select a custom element from inside its shadow D..
:hover
:hoverThe :hover CSS pseudo-class matches when the user interacts with an element with a pointing device, but does not necessarily activate it. It is generally triggered when the user hovers over an e..
hsl()
<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..
hsla()
<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..
hue-rotate()
hue-rotate()The hue-rotate() CSS function rotates the hue of an element and its contents. Its result is a <filter-function>.Syntaxhue-rotate(angle) Parameters angle The relative change ..
hyphenate-character
hyphenate-characterThe hyphenate-character CSS property sets the character (or string) used at the end of a line before a hyphenation break. Both automatic and soft hyphens are displayed according to ..
hyphens
hyphensThe hyphens CSS property specifies how words should be hyphenated when text wraps across multiple lines. It can prevent hyphenation entirely, hyphenate at manually-specified points within the t..
<ident>
identThe <ident> CSS data type denotes an arbitrary string used as an identifier.SyntaxThe syntax of <custom-ident> is similar to CSS identifiers (such as property names), except that it i..
<image>
<image>The <image> CSS data type represents a two-dimensional image.SyntaxThe <image> data type can be represented with any of the following: An image denoted by the url() data ty..
image()
<image>The <image> CSS data type represents a two-dimensional image.SyntaxThe <image> data type can be represented with any of the following: An image denoted by the url() data ty..
image-orientation
image-orientationThe image-orientation CSS property specifies a layout-independent correction to the orientation of an image. /* keyword values */ image-orientation: none; image-orientation: from-imag..
image-rendering
image-renderingThe image-rendering CSS property sets an image scaling algorithm. The property applies to an element itself, to any images set in its other properties, and to its descendants. The user ..
image-resolution
image-resolutionExperimental: This is an experimental technologyCheck the Browser compatibility table carefully before using this in production. The image-resolution CSS property specifies the intrins..
image-set()
image-set()The image-set() CSS functional notation is a method of letting the browser pick the most appropriate CSS image from a given set, primarily for high pixel density screens. Resolution and ban..
@import
@importThe @import CSS at-rule is used to import style rules from other style sheets.Syntax@import url; @import url list-of-media-queries; @import url supports( supports-query ); @import url supports(..
:in-range
:in-rangeThe :in-range CSS pseudo-class represents an <input> element whose current value is within the range limits specified by the min and max attributes. /* Selects any <input>, but on..
:indeterminate
:indeterminateThe :indeterminate CSS pseudo-class represents any form element whose state is indeterminate, such as checkboxes which have their HTML indeterminate attribute set to true, radio buttons ..
inherit
inheritThe inherit CSS keyword causes the element for which it is specified to take the computed value of the property from its parent element. It can be applied to any CSS property, including the CSS..
inherits (@property)
inheritsExperimental: This is an experimental technologyCheck the Browser compatibility table carefully before using this in production. The inherits CSS descriptor is required when using the @propert..
initial
initialThe initial CSS keyword applies the initial (or default) value of a property to an element. It can be applied to any CSS property. This includes the CSS shorthand all, with which initial can be..
initial-letter
initial-letterThe initial-letter CSS property sets styling for dropped, raised, and sunken initial letters. /* Keyword values */ initial-letter: normal; /* Numeric values */ initial-letter: 1.5; /..
initial-letter-align
initial-letter-alignExperimental: This is an experimental technologyCheck the Browser compatibility table carefully before using this in production. The initial-letter-align CSS property specifies the..
initial-value (@property)
initial-valueExperimental: This is an experimental technologyCheck the Browser compatibility table carefully before using this in production. The initial-value CSS descriptor is required when using th..