List CSS
:last-of-type
:last-of-typeThe :last-of-type CSS pseudo-class represents the last element of its type among a group of sibling elements. /* Selects any <p> that is the last element of its type among its si..
:last-child
:last-childThe :last-child CSS pseudo-class represents the last element among a group of sibling elements. /* Selects any <p> that is the last element among its siblings */ p:last-child { c..
:lang
:lang()The :lang() CSS pseudo-class matches elements based on the language they are determined to be in. /* Selects any <p> in English (en) */ p:lang(en) { quotes: '\201C' '\201D' '\2018' '\20..
@keyframes
@keyframesThe @keyframes CSS at-rule controls the intermediate steps in a CSS animation sequence by defining styles for keyframes (or waypoints) along the animation sequence. This gives more control o..
frequency#kHz
<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>..
justify-tracks
justify-tracksExperimental: This is an experimental technologyCheck the Browser compatibility table carefully before using this in production. The justify-tracks CSS property sets the alignment in the..
justify-self
justify-selfThe CSS justify-self property sets the way a box is justified inside its alignment container along the appropriate axis. The effect of this property is dependent of the layout mode we are ..
justify-items
justify-itemsThe CSS justify-items property defines the default justify-self for all items of the box, giving them all a default way of justifying each box along the appropriate axis. The effect of th..
justify-content
justify-contentThe CSS justify-content property defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid contai..
length#in
<length>The <length> CSS data type represents a distance value. Lengths can be used in numerous CSS properties, such as width, height, margin, padding, border-width, font-size, and text-sh..
length#ic
<length>The <length> CSS data type represents a distance value. Lengths can be used in numerous CSS properties, such as width, height, margin, padding, border-width, font-size, and text-sh..
isolation
isolationThe isolation CSS property determines whether an element must create a new stacking context. This property is especially helpful when used in conjunction with mix-blend-mode and z-index.Synta..
:is
:is() (:matches(), :any()) Note: :matches() was renamed to :is() in CSSWG issue #3258. The :is() CSS pseudo-class function takes a selector list as its argument, and selects any element that can be..
invert()
invert()The invert() CSS function inverts the color samples in the input image. Its result is a <filter-function>.Syntaxinvert(amount) Parameters amount The amount of the conversion, sp..
:invalid
:invalidThe :invalid CSS pseudo-class represents any <input> or other <form> element whose contents fail to validate. /* Selects any invalid <input> */ input:invalid { background-c..
<integer>
<integer>The <integer> CSS data type is a special type of <number> that represents a whole number, whether positive or negative. Integers can be used in numerous CSS properties, such..
inset-inline-start
inset-inline-startThe inset-inline-start CSS property defines the logical inline start inset of an element, which maps to a physical offset depending on the element's writing mode, directionality, and..
inset-inline-end
inset-inline-endThe inset-inline-end CSS property defines the logical inline end inset of an element, which maps to a physical offset depending on the element's writing mode, directionality, and text ..
inset-inline
inset-inlineThe inset-inline CSS property defines the logical start and end offsets of an element in the inline direction, which maps to physical offsets depending on the element's writing mode, direc..
inset-block-start
inset-block-startThe inset-block-start CSS property defines the logical block start offset of an element, which maps to a physical inset depending on the element's writing mode, directionality, and te..
inset-block-end
inset-block-endThe inset-block-end CSS property defines the logical block end offset of an element, which maps to a physical inset depending on the element's writing mode, directionality, and text ori..
inset-block
inset-blockThe inset-block CSS property defines the logical block start and end offsets of an element, which maps to physical offsets depending on the element's writing mode, directionality, and text ..
inset()
<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..
inset
insetThe inset CSS property is a shorthand that corresponds to the top, right, bottom, and/or left properties. It has the same multi-value syntax of the margin shorthand. While part of the CSS Logical..
inline-size
inline-sizeThe inline-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, dependi..
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..
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-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
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..
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..
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..
: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 ..
: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..
@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(..
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..
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-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-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()
<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..
<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..
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..
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 ..
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 ..
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..
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..
: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..
: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..
: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..
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..