List CSS
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-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-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-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-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-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-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; /..
::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..
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 ..
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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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..
masonry-auto-flow
masonry-auto-flowExperimental: This is an experimental technologyCheck the Browser compatibility table carefully before using this in production. The masonry-auto-flow CSS property modifies how items ..
math-style
math-styleThe math-style property indicates whether MathML equations should render with normal or compact height.Syntax/* Keyword values */ math-style: normal; math-style: compact; /* Global values *..
matrix()
matrix() The matrix() CSS function defines a homogeneous 2D transformation matrix. Its result is a <transform-function> data type. Note: matrix(a, b, c, d, tx, ty) is a shorthand fo..
matrix3d()
matrix3d() The matrix3d() CSS function defines a 3D transformation as a 4x4 homogeneous matrix. Its result is a <transform-function> data type. SyntaxThe matrix3d() function is specified wit..
max()
max()The max() CSS function lets you set the largest (most positive) value from a list of comma-separated expressions as the value of a CSS property value. The max() function can be used anywhere a &l..
max-block-size
max-block-sizeThe max-block-size CSS property specifies the maximum size of an element in the direction opposite that of the writing direction as specified by writing-mode. That is, if the writing dir..
max-height
max-heightThe max-height CSS property sets the maximum height of an element. It prevents the used value of the height property from becoming larger than the value specified for max-height. max-height ..
max-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..
max-inline-size
max-inline-sizeThe max-inline-size CSS property defines the horizontal or vertical maximum size of an element's block, depending on its writing mode. It corresponds to either the max-width or the max-..
max-width
max-widthThe max-width CSS property sets the maximum width of an element. It prevents the used value of the width property from becoming larger than the value specified by max-width. max-width overrid..
max-width (@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..
max-zoom (@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..
@media
@mediaThe @media CSS at-rule can be used to apply part of a style sheet based on the result of one or more media queries. With it, you specify a media query and a block of CSS to apply to the document..
min()
min()The min() CSS function lets you set the smallest (most negative) value from a list of comma-separated expressions as the value of a CSS property value. The min() function can be used anywhere a &..
min-block-size
min-block-sizeThe min-block-size CSS property defines the minimum horizontal or vertical size of an element's block, depending on its writing mode. It corresponds to either the min-width or the min-he..
min-height
min-heightThe min-height CSS property sets the minimum height of an element. It prevents the used value of the height property from becoming smaller than the value specified for min-height. The elemen..
min-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..
min-inline-size
min-inline-sizeThe min-inline-size CSS property defines the horizontal or vertical minimal size of an element's block, depending on its writing mode. It corresponds to either the min-width or the min-..
min-width
min-widthThe min-width CSS property sets the minimum width of an element. It prevents the used value of the width property from becoming smaller than the value specified for min-width. The element's w..
min-width (@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..
min-zoom (@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..
minmax()
minmax()The minmax() CSS function defines a size range greater than or equal to min and less than or equal to max. It is used with CSS Grids.Syntax/* <inflexible-breadth>, <track-breadth> ..
mix-blend-mode
mix-blend-modeThe mix-blend-mode CSS property sets how an element's content should blend with the content of the element's parent and the element's background.Syntax/* Keyword values */ mix-blend-mode..
time#ms
<time>The <time> CSS data type represents a time value expressed in seconds or milliseconds. It is used in animation, transition, and related properties.SyntaxThe <time> data type co..
@namespace
@namespace@namespace is an at-rule that defines XML namespaces to be used in a CSS style sheet.Syntax/* Default namespace */ @namespace url(XML-namespace-URL); @namespace "XML-namespace-URL"; /* Pref..
