List CSS
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..
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..
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-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-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-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-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-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-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..
<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..
: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..
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..
: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..
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..
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..
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..
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..
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-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-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..
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>..
@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..
: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..
: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..
: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..
@layer
@layerExperimental: This is an experimental technologyCheck the Browser compatibility table carefully before using this in production. The @layer CSS at-rule declares a cascade layer. Rules within a c..
:left
:leftThe :left CSS pseudo-class, used with the @page at-rule, represents all left-hand pages of a printed document. /* Selects any left-hand pages when printing */ @page :left { margin: 2in 3in; } ..
left
leftThe left CSS property participates in specifying the horizontal position of a positioned element. It has no effect on non-positioned elements.Syntax/* <length> values */ left: 3px; left: 2.4..
@left-bottom
@pageThe @page CSS at-rule is used to modify some CSS properties when printing a document.Syntax@page { margin: 1cm; } @page :first { margin: 2cm; } Descriptors size Specifies the target..
<length>
<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-percentage>
<length-percentage>The <length-percentage> CSS data type represents a value that can be either a <length> or a <percentage>.SyntaxRefer to the documentation for <length> ..
letter-spacing
letter-spacingThe letter-spacing CSS property sets the horizontal spacing behavior between text characters. This value is added to the natural spacing between characters while rendering the text. Posi..
line-break
line-breakThe line-break CSS property sets how to break lines of Chinese, Japanese, or Korean (CJK) text when working with punctuation and symbols. /* Keyword values */ line-break: auto; line-break: l..
line-gap-override (@font-face)
line-gap-overrideThe line-gap-override CSS descriptor defines the line-gap metric for the font. The line-gap metric is the font recommended line-gap or external leading.Syntaxline-gap-override: normal..
line-height
line-heightThe line-height CSS property sets the height of a line box. It's commonly used to set the distance between lines of text. On block-level elements, it specifies the minimum height of line bo..
line-height-step
line-height-stepExperimental: This is an experimental technologyCheck the Browser compatibility table carefully before using this in production. The line-height-step CSS property sets the step unit fo..
linear-gradient()
linear-gradient()The linear-gradient() CSS function creates an image consisting of a progressive transition between two or more colors along a straight line. Its result is an object of the <gradien..
:link
:linkThe :link CSS pseudo-class represents an element that has not yet been visited. It matches every unvisited <a> or <area> element that has an href attribute. /* Selects any <a> t..
list-style
list-styleThe list-style CSS shorthand property allows you to set all the list style properties at once. Note: This property is applied to list items, i.e., elements with display: list-item; . By d..
list-style-image
list-style-imageThe list-style-image CSS property sets an image to be used as the list item marker. It is often more convenient to use the shorthand list-style. Note: This property is applied to li..
list-style-position
list-style-positionThe list-style-position CSS property sets the position of the ::marker relative to a list item. It is often more convenient to use the shorthand list-style. Note: This property i..
list-style-type
list-style-typeThe list-style-type CSS property sets the marker (such as a disc, character, or custom counter style) of a list item element. The color of the marker will be the same as the computed co..
local()
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..
:local-link
:local-linkThe :local-link CSS pseudo-class represents a link to the same document. Therefore an element that is the source anchor of a hyperlink whose target's absolute URL matches the element's own ..
length#mm
<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..
margin
marginThe margin CSS shorthand property sets the margin area on all four sides of an element.Constituent propertiesThis property is a shorthand for the following CSS properties: margin-bottom mar..
margin-block
margin-blockThe margin-block CSS shorthand property defines the logical block start and end margins of an element, which maps to physical margins depending on the element's writing mode, directionalit..
margin-block-end
margin-block-endThe margin-block-end CSS property defines the logical block end margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text ..
margin-block-start
margin-block-startThe margin-block-start CSS property defines the logical block start margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and..
margin-bottom
margin-bottomThe margin-bottom CSS property sets the margin area on the bottom of an element. A positive value places it farther from its neighbors, while a negative value places it closer. This ..
