List CSS
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..
: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>,..
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. ..
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>..
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..
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-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
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-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-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
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-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-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
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-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-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-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-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
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..
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, ..
::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..
<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; ..
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; ..
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...
: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..
:fullscreen
:fullscreenThe :fullscreen CSS pseudo-class matches every element which is currently in fullscreen mode. If multiple elements have been put into fullscreen mode, this selects them all.Syntax:fullscree..
<frequency-percentage>
<frequency-percentage>Experimental: This is an experimental technologyCheck the Browser compatibility table carefully before using this in production. The <frequency-percentage> CSS data t..
<frequency>
<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>..
format()
srcThe src CSS descriptor of the @font-face rule specifies the resource containing font data. It is required for the @font-face rule to be valid.Syntax/* <url> values */ src: url(https://someweb..
forced-color-adjust
forced-color-adjustThe forced-color-adjust CSS property allows authors to opt certain elements out of forced colors mode. This then restores the control of those values to CSS.Syntaxforced-color-adjus..
font-weight (@font-face)
font-weightThe font-weight CSS descriptor allows authors to specify font weights for the fonts specified in the @font-face rule. The font-weight property can separately be used to set how thick or thi..
font-weight
font-weightThe font-weight CSS property sets the weight (or boldness) of the font. The weights available depend on the font-family that is currently set.Syntax/* Keyword values */ font-weight: normal;..
font-variation-settings (@font-face)
font-variation-settingsThe font-variation-settings CSS descriptor allows authors to specify low-level OpenType or TrueType font variations in the @font-face rule.Syntax/* Use the default settings */ f..
font-variation-settings
font-variation-settingsThe font-variation-settings CSS property provides low-level control over variable font characteristics, by specifying the four letter axis names of the characteristics you want ..
font-variant-position
font-variant-positionThe font-variant-position CSS property controls the use of alternate, smaller glyphs that are positioned as superscript or subscript. The glyphs are positioned relative to the bas..
font-variant-numeric
font-variant-numericThe font-variant-numeric CSS property controls the usage of alternate glyphs for numbers, fractions, and ordinal markers.Syntaxfont-variant-numeric: normal; font-variant-numeric: o..
font-variant-ligatures
font-variant-ligaturesThe font-variant-ligatures CSS property controls which ligatures and contextual forms are used in textual content of the elements it applies to. This leads to more harmonized for..
font-variant-east-asian
font-variant-east-asianThe font-variant-east-asian CSS property controls the use of alternate glyphs for East Asian scripts, like Japanese and Chinese. font-variant-east-asian: normal; font-variant-ea..
font-variant-caps
font-variant-capsThe font-variant-caps CSS property controls the use of alternate glyphs for capital letters. When a given font includes capital letter glyphs of multiple different sizes, this propert..
font-variant-alternates
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. /..
font-variant (@font-face)
font-variantThe font-variant CSS shorthand property allows you to set all the font variants for the fonts specified in the @font-face rule.Constituent propertiesThis property is a shorthand for the fo..
font-variant
font-variantThe font-variant CSS shorthand property allows you to set all the font variants for a font. You can also set the CSS Level 2 (Revision 1) values of font-variant, (that is, normal or small-..
font-synthesis
font-synthesisThe font-synthesis CSS property controls which missing typefaces, bold, italic, or small-caps, may be synthesized by the browser.Syntaxfont-synthesis: none; font-synthesis: weight; font-..
font-style (@font-face)
font-styleThe font-style CSS descriptor allows authors to specify font styles for the fonts specified in the @font-face rule. For a particular font family, authors can download various font faces whic..
font-style
font-styleThe font-style CSS property sets whether a font should be styled with a normal, italic, or oblique face from its font-family. Italic font faces are generally cursive in nature, usually using..
font-stretch (@font-face)
font-stretchThe font-stretch CSS descriptor allows authors to specify a normal, condensed, or expanded face for the fonts specified in the @font-face rule. For a particular font family, authors can do..
font-stretch
font-stretchThe font-stretch CSS property selects a normal, condensed, or expanded face from a font.Syntax/* Keyword values */ font-stretch: ultra-condensed; font-stretch: extra-condensed; font-stretc..
font-size-adjust
font-size-adjustThe font-size-adjust CSS property sets the size of lower-case letters relative to the current font size (which defines the size of upper-case letters). /* Use the specified font size *..
font-size
font-sizeThe font-size CSS property sets the size of the font. Changing the font size also updates the sizes of the font size-relative <length> units, such as em, ex, and so forth.Syntax/* <a..
font-optical-sizing
font-optical-sizingThe font-optical-sizing CSS property sets whether text rendering is optimized for viewing at different sizes.Syntax/* keyword values */ font-optical-sizing: none; font-optical-sizin..