The margin property defines the outermost portion of the box model, creating space around an element, outside of any defined […]

.element { margin: 50px 2rem; }

The mask-border CSS property sets a border image to an element’s masked border area. It is s shorthand for setting the mask-border-source, mask-border-slice, mask-border-width, mask-border-outset, mask-border-repeat, and mask-border-mode properties in a single declaration.

.element { mask-border: url('mask.png') 100 / 50px round; }

The mask property is a shorthand to specify all mask-* properties. mask can hide part of the element is applied […]

.element { mask: url(mask.png) right bottom / 100px repeat-y; }

The mask-type CSS property indicates whether the SVG <mask> element is treated as an alpha mask or a luminance mask. […]

.element { mask-type: alpha; }

max-inline-size is a logical property in CSS that defines the maximum width of an element when the writing-mode is horizontal, […]

.element { max-inline-size: 500px; }

The mix-blend-mode property defines how an element’s content should blend with its background. For example, the text of a <h1> […]

.blend { mix-blend-mode: exclusion; }

The max-width property in CSS is used to set the maximum width of a specified element. The max-width property overrides […]

.element { max-width: 100%; }

The min-width property in CSS is used to set the minimum width of a specified element. The min-width property always […]

.element { min-width: 300px; }

The max-height property in CSS is used to set the maximum height of a specified element. Authors may use any […]

.element { max-height: 3rem; }

The min-height property in CSS is used to set the minimum height of a specified element. The min-height property always […]

.element { min-height: 100vh; }

The margin-trim property in CSS removes the additional margin along the edge of a container when the last child element […]

.element { margin-trim: block-end; }