CSS entries starting with “F”

Every CSS entry starting with F, grouped by kind. Pseudo-classes, pseudo-elements and types are filed by their first letter, ignoring the leading :, :: or <.

Name	Description
Color
`Field`	System colour: the background of an input field.
`FieldText`	System colour: text in an input field.
`firebrick`	Named colour #b22222.
`floralwhite`	Named colour #fffaf0.
`forestgreen`	Named colour #228b22.
`fuchsia`	Named colour #ff00ff, the same as magenta.
Container feature
`fallback`	Inside anchored(): the position option currently in use.
Descriptor
`fallback`	An @counter-style descriptor: the style used for values out of range.
`font-display`	An @font-face descriptor for how text is shown while the font loads.
`font-family`	An @font-face descriptor naming the family the font defines.
`font-family`	An @font-palette-values descriptor: the fonts the palette applies to.
`font-feature-settings`	An @font-face descriptor setting default OpenType features for the font.
`font-stretch`	An @font-face descriptor: the older name for font-width.
`font-style`	An @font-face descriptor for the style, or oblique range, the file covers.
`font-variation-settings`	An @font-face descriptor setting default variable font axis values.
`font-weight`	An @font-face descriptor for the weight, or weight range, the file covers.
`font-width`	An @font-face descriptor for the width, or width range, the file covers.
Function
`filter()`	An image with filter functions applied to it.
`fit-content()`	A grid track that fits its content, up to a limit.
`font-format()`	An @supports test for a font format such as woff2.
`font-tech()`	An @supports test for a font technology such as colour fonts.
Keyword
`fantasy`	Generic font family: a decorative display font.
Media feature
`forced-colors`	Whether the browser is forcing a user-chosen colour palette.
Property
`field-sizing`	Lets a form control grow to fit its content.
`fill`	Paints the interior of an SVG shape or text.
`fill-opacity`	The opacity of an SVG fill alone.
`fill-rule`	Which parts of a self-intersecting SVG path count as inside.
`filter`	Applies blur, colour and other filter effects to an element.
`flex`	Shorthand for how a flex item grows, shrinks and is sized.
`flex-basis`	The starting main-axis size of a flex item before free space is shared.
`flex-direction`	Sets the main axis of a flex container: row or column, forwards or reversed.
`flex-flow`	Shorthand for flex-direction and flex-wrap.
`flex-grow`	The share of leftover space a flex item takes.
`flex-line-count`	The minimum number of lines balanced flex items are spread over.
`flex-shrink`	How much a flex item shrinks when its line is too short.
`flex-wrap`	Whether flex items stay on one line or wrap onto several.
`float`	Moves a box to one side so text wraps round it.
`flood-color`	The fill colour of feFlood and the shadow colour of feDropShadow.
`flood-opacity`	The opacity of flood-color in SVG filter primitives.
`font`	Shorthand for font style, weight, width, size, line height and family.
`font-family`	A prioritised list of fonts, ending with a generic family.
`font-feature-settings`	Turns OpenType features on or off by their four-letter tags.
`font-kerning`	Whether the font's kerning data adjusts letter pair spacing.
`font-language-override`	Tells the font which language's glyph forms to use.
`font-optical-sizing`	Whether a variable font's optical size follows the font size.
`font-palette`	Chooses which palette a colour font draws with.
`font-size`	The size of the font, which also sets the em unit.
`font-size-adjust`	Keeps the x-height or another metric consistent across fallback fonts.
`font-style`	Chooses an italic or oblique face.
`font-synthesis`	Which missing faces the browser may fake: bold, italic, small caps, position.
`font-synthesis-position`	Whether the browser may fake subscript and superscript glyphs.
`font-synthesis-small-caps`	Whether the browser may fake small capitals.
`font-synthesis-style`	Whether the browser may slant an upright face to fake italic.
`font-synthesis-weight`	Whether the browser may fake a bold face.
`font-variant`	Shorthand for the font-variant longhands that switch on alternative glyphs.
`font-variant-alternates`	Switches on stylistic alternates, style sets, swashes and ornaments.
`font-variant-caps`	Uses small capital, petite capital or titling capital glyphs.
`font-variant-east-asian`	Chooses East Asian glyph standards, widths and ruby forms.
`font-variant-emoji`	Chooses emoji or text presentation for characters that have both.
`font-variant-ligatures`	Turns groups of ligatures and contextual alternates on or off.
`font-variant-numeric`	Chooses figure style, tabular digits, fractions, ordinals and slashed zero.
`font-variant-position`	Uses the font's own subscript or superscript glyphs.
`font-variation-settings`	Sets variable font axes directly by their four-letter tags.
`font-weight`	How heavy the font strokes are, from 1 to 1000.
`font-width`	Chooses a condensed or expanded face. Formerly font-stretch.
`forced-color-adjust`	Whether the browser may replace colours in a forced colours mode.
`frame-sizing`	Sizes an iframe to fit the document it contains.
Pseudo-class
`:first`	In @page, matches the first printed page.
`:first-child`	Matches an element that is the first among its siblings.
`:first-of-type`	Matches the first sibling of its element type.
`:focus`	Matches the element that has keyboard focus.
`:focus-visible`	Matches the focused element when focus should be shown, as after keyboard use.
`:focus-within`	Matches an element that has focus or contains the focused element.
`:fullscreen`	Matches an element that is displayed full screen.
`:future`	Matches caption cue text after the current playback position.
Pseudo-element
`::field-content`	The part of an input that holds the editable text.
`::file-selector-button`	The button of a file input that opens the file picker.
`::first-letter`	The first letter of a block of text, for drop caps.
`::first-line`	The first formatted line of a block of text.
`:first-letter`	Legacy single-colon form of ::first-letter from CSS 2.
`:first-line`	Legacy single-colon form of ::first-line from CSS 2.
Type
`<family-name>`	The name of a particular font family, quoted or unquoted.
`<filter-function>`	A graphical effect such as blur(), grayscale() or drop-shadow().
`<flex>`	A fraction of the free space in a grid, in fr units.
Unit
`fr`	A fraction of the free space in a grid container.