List CSS
::first-line (:first-line)
::first-line (:first-line)The ::first-line CSS pseudo-element applies styles to the first line of a block-level element. /* Selects the first line of a <p> */ p::first-line { color: red; } Th..
:first-of-type
:first-of-typeThe :first-of-type CSS pseudo-class represents the first element of its type among a group of sibling elements. /* Selects any <p> that is the first element of its type among it..
fit-content()
fit-contentThe fit-content behaves as fit-content(stretch). In practice this means that the box will use the available space, but never more than max-content. When used as laid out box size for width,..
<flex>
<flex>The <flex> CSS data type denotes a flexible length within a grid container. It is used in grid-template-columns, grid-template-rows and other related properties.SyntaxThe <flex>..
flex
flexThe flex CSS shorthand property sets how a flex item will grow or shrink to fit the space available in its flex container.Constituent propertiesThis property is a shorthand for the following CSS p..
flex-basis
flex-basisThe flex-basis CSS property sets the initial main size of a flex item. It sets the size of the content box unless otherwise set with box-sizing. In this example the flex-grow and flex-shrink..
flex-direction
flex-directionThe flex-direction CSS property sets how flex items are placed in the flex container defining the main axis and the direction (normal or reversed). Note that the values row and row-rever..
flex-flow
flex-flowThe flex-flow CSS shorthand property specifies the direction of a flex container, as well as its wrapping behavior.Constituent propertiesThis property is a shorthand for the following CSS pro..
flex-grow
flex-growThe flex-grow CSS property sets the flex grow factor of a flex item's main size.Syntax/* <number> values */ flex-grow: 3; flex-grow: 0.6; /* Global values */ flex-grow: inherit; flex-g..
flex-shrink
flex-shrinkThe flex-shrink CSS property sets the flex shrink factor of a flex item. If the size of all flex items is larger than the flex container, items shrink to fit according to flex-shrink. In us..
flex-wrap
flex-wrapThe flex-wrap CSS property sets whether flex items are forced onto one line or can wrap onto multiple lines. If wrapping is allowed, it sets the direction that lines are stacked. See Using CS..
flex_value#fr
<flex>The <flex> CSS data type denotes a flexible length within a grid container. It is used in grid-template-columns, grid-template-rows and other related properties.SyntaxThe <flex>..
float
floatThe float CSS property places an element on the left or right side of its container, allowing text and inline elements to wrap around it. The element is removed from the normal flow of the page, ..
:focus
:focusThe :focus CSS pseudo-class represents an element (such as a form input) that has received focus. It is generally triggered when the user clicks or taps on an element or selects it with the keyb..
:focus-visible
:focus-visibleThe :focus-visible pseudo-class applies while an element matches the :focus pseudo-class and the UA (User Agent) determines via heuristics that the focus should be made evident on the el..
:focus-within
:focus-withinThe :focus-within CSS pseudo-class matches an element if the element or any of its descendants are focused. In other words, it represents an element that is itself matched by the :focus p..
font
fontThe font CSS shorthand property sets all the different properties of an element's font. Alternatively, it sets an element's font to a system font. As with any shorthand property, any individual va..
font-display (@font-face)
font-displayThe font-display descriptor determines how a font face is displayed based on whether and when it is downloaded and ready to use.Syntax/* Keyword values */ font-display: auto; font-display:..
@font-face
@font-faceThe @font-face CSS at-rule specifies a custom font with which to display text; the font can be loaded from either a remote server or a locally-installed font on the user's own computer.Synta..
font-family
font-familyThe font-family CSS property specifies a prioritized list of one or more font family names and/or generic family names for the selected element. Values are separated by commas to indicate t..
font-family (@font-face)
font-familyThe font-family CSS descriptor allows authors to specify the font family for the font specified in an @font-face rule.Syntax/* <string> values */ font-family: "font family"; font-fami..
font-feature-settings
font-feature-settingsThe font-feature-settings CSS property controls advanced typographic features in OpenType fonts.Syntax/* Use the default settings */ font-feature-settings: normal; /* Set values ..
@font-feature-values
@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 ..
font-kerning
font-kerningThe font-kerning CSS property sets the use of the kerning information stored in a font. Kerning defines how letters are spaced. In well-kerned fonts, this feature makes character spacing m..
font-language-override
font-language-overrideThe font-language-override CSS property controls the use of language-specific glyphs in a typeface. /* Keyword value */ font-language-override: normal; /* <string> values ..
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..
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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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..
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..
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..
<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>..
<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..
: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..