List CSS
mask-type
mask-typeThe mask-type CSS property sets whether an SVG <mask> element is used as a luminance or an alpha mask. It applies to the <mask> element itself. /* Keyword values */ mask-type: lum..
mask-size
mask-sizeThe mask-size CSS property specifies the sizes of the mask images. The size of the image can be fully or partially constrained in order to preserve its intrinsic ratio. /* Keywords syntax */ ..
mask-repeat
mask-repeatThe mask-repeat CSS property sets how mask images are repeated. A mask image can be repeated along the horizontal axis, the vertical axis, both axes, or not repeated at all. /* One-value sy..
mask-position
mask-positionThe mask-position CSS property sets the initial position, relative to the mask position layer set by mask-origin, for each defined mask image. /* Keyword values */ mask-position: top; mas..
mask-origin
mask-originThe mask-origin CSS property sets the origin of a mask. /* Keyword values */ mask-origin: content-box; mask-origin: padding-box; mask-origin: border-box; mask-origin: margin-box; mask-origi..
mask-mode
mask-modeThe mask-mode CSS property sets whether the mask reference defined by mask-image is treated as a luminance or alpha mask. /* Keyword values */ mask-mode: alpha; mask-mode: luminance; mask-mod..
mask-image
mask-image The mask-image CSS property sets the image that is used as mask layer for an element. By default this means the alpha channel of the mask image will be multiplied with the alpha channel..
mask-composite
mask-compositeThe mask-composite CSS property represents a compositing operation used on the current mask layer with the mask layers below it. /* Keyword values */ mask-composite: add; mask-composite:..
mask-clip
mask-clipThe mask-clip CSS property determines the area which is affected by a mask. The painted content of an element must be restricted to this area. /* <geometry-box> values */ mask-clip: con..
mask-border-width
mask-border-widthThe mask-border-width CSS property sets the width of an element's mask border.Syntax/* Keyword value */ mask-border-width: auto; /* <length> value */ mask-border-width: 1rem; ..
mask-border-source
mask-border-sourceThe mask-border-source CSS property sets the source image used to create an element's mask border. The mask-border-slice property is used to divide the source image into regions, whi..
mask-border-slice
mask-border-sliceThe mask-border-slice CSS property divides the image set by mask-border-source into regions. These regions are used to form the components of an element's mask border.Syntax/* All sid..
mask-border-repeat
mask-border-repeatThe mask-border-repeat CSS property sets how the edge regions of a source image are adjusted to fit the dimensions of an element's mask border.Syntax/* Keyword value */ mask-border-r..
mask-border-outset
mask-border-outsetThe mask-border-outset CSS property specifies the distance by which an element's mask border is set out from its border box.Syntax/* <length> value */ mask-border-outset: 1rem;..
mask-border-mode
mask-border-modeThe mask-border-mode CSS property specifies the blending mode used in a mask border.Syntax/* Keyword values */ mask-border-mode: luminance; mask-border-mode: alpha; /* Global values *..
mask-border
mask-borderThe mask-border CSS shorthand property lets you create a mask along the edge of an element's border.Constituent propertiesThis property is a shorthand for the following CSS properties: m..
mask
maskThe mask CSS shorthand property hides an element (partially or fully) by masking or clipping the image at specific points. Note: As well as the properties listed below, the mask shorthand also ..
::marker
::markerThe ::marker CSS pseudo-element selects the marker box of a list item, which typically contains a bullet or number. It works on any element or pseudo-element set to display: list-item, such as..
margin-trim
margin-trimThe margin-trim property allows the container to trim the margins of its children where they adjoin the container's edges.Syntaxmargin-trim: none; margin-trim: in-flow; margin-trim: all; /..
margin-top
margin-topThe margin-top CSS property sets the margin area on the top of an element. A positive value places it farther from its neighbors, while a negative value places it closer. This property has n..
margin-right
margin-rightThe margin-right CSS property sets the margin area on the right side of an element. A positive value places it farther from its neighbors, while a negative value places it closer. The vert..
margin-left
margin-leftThe margin-left CSS property sets the margin area on the left side of an element. A positive value places it farther from its neighbors, while a negative value places it closer. The vertica..
margin-inline-start
margin-inline-startThe margin-inline-start CSS property defines the logical inline start margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, ..
margin-inline-end
margin-inline-endThe margin-inline-end CSS property defines the logical inline end margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and te..
margin-inline
margin-inlineThe margin-inline CSS shorthand property is a shorthand property that defines both the logical inline start and end margins of an element, which maps to physical margins depending on the ..
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 ..
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-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
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
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..
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..
: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 ..
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..
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..
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-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
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..
: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..
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..
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..
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-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-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..
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..
<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> ..
<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..
@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..
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
: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; } ..
@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..