API Reference

Customizing color variables or starting with the crafted palette.

Customizing primitive color variables or starting with the official design system.

Customizing frame color variables or starting with the official design system.

Customizing text color variables or starting with the official design system.

Customizing fonts for your design system.

Customizing screen sizes and breakpoints for your design system.

Apply consistent sizes across your application.

Setting the accent color of user interface elements or controls.

Controlling how multiple rows or columns are aligned along its cross axis.

Controlling how items are aligned along its cross axis.

Controlling how an individual item is aligned along its cross axis.

Applying an animation between styles.

Setting a time to delay before beginning to perform the animation.

Setting the direction of the animation.

Setting the length of time that an animation takes to complete one cycle.

Setting how a CSS animation applies styles to its target before and after its execution.

Setting the number of times an animation should be played.

Setting the names of the animation.

Setting whether an animation is running or paused.

Setting speed curve of the animation.

Controlling the native appearance of UI controls.

Setting the ratio for the box.

Style syntax for applying filter effects to the area behind an target element.

Setting all background style properties at once.

Setting whether position of background image is fixed when scrolling.

Setting how an element's background images should blend with the background color.

Controlling how clip the background.

Setting the background color of an element.

Setting background images on an element.

Setting the background's origin.

Setting the initial position for background image.

Setting how background images are repeated.

Setting the size of the background image.

Setting an element’s border.

Setting whether table cell have shared or separate borders.

Setting the color of an element’s border.

Setting radius of an element’s corners.

Setting the line style for an element’s border.

Setting the width of an element’s border.

Setting how an element's fragments should be rendered when broken across multiple lines, columns, or pages.

Adding shadow effects around an element.

Setting how the total width and height of an element is calculated.

Controlling how page, column, or region breaks should occur after an element.

Controlling how page, column, or region breaks should occur before the specified element.

Controlling how page, column, or region breaks should occur within the specified element.

Setting the color of the cursor in text input.

Moving an element below floating elements instead of floating to the left or right.

Creating a clipping region.

Setting foreground color of an element.

Setting how elements span across multiple columns.

Setting the number of columns within the container.

Providing performance benefits by limiting calculations of layout.

Replacing an element with a generated value.

Setting the mouse cursor style.

Setting the direction of text.

Controlling the element's inner and outer display types.

Setting the color of an SVG shape.

Applying graphic effects to an element.

Setting how flex items grow or shrink.

Setting the initial main size of a flex item.

Setting the direction of flex items.

Setting how flex items grow.

Setting how flex items shrink.

Setting how flex items wrap.

Placing an element on the left or right side of its container.

Setting font properties of an element.

Setting the font for an element.

Controlling advanced typographic features in OpenType fonts.

Setting the font size of elements.

Controlling the font smoothing of an element.

Setting font style of an element.

Controlling the usage of alternate glyphs for numbers, fractions, and ordinal markers.

Setting the weight of the font.

Setting the gutters between rows and columns.

Setting layout of grid system.

Setting a size and location within a grid.

Setting the size of the grid columns.

Controlling how auto-placed items get inserted in the grid.

Setting the size of the grid rows.

Setting a grid items's size and location in a grid layout.

Style utility for creating multiple grid columns.

Setting a grid items's size and location in a grid layout.

Style utility for creating multiple grid rows.

Setting grid columns, grid rows, and grid areas.

Setting areas in the grid container

Creating columns in a grid layout.

Creating rows in a grid layout.

Setting an element’s height.

Setting distance between an element and the parent element.

Controlling whether an element should create a new stacking context.

Controlling how items are aligned along its main axis.

Controlling how items are aligned along its inline axis.

Controlling how an individual item is aligned along its inline axis.

Setting the spacing between text characters.

Limiting the contents of a container to the specified number of lines.

Setting the height of a line box.

Setting all the list style properties at once.

Replacing the list item marker with an image.

Setting the position of the list item marker.

Setting the style of the list item marker.

Setting the margin area on all four sides of an element.

Setting the image that is used as mask layer for an element.

Setting the maximum height of an element.

Style shorthand for setting the max-width and max-height of an element.

Setting the maximum width of an element.

Setting the minimum height of an element.

Style shorthand for setting the min-width and min-height of an element.

Setting the minimum width of an element.

Setting how an element's content should blend with its parent background.

Setting how the content should be resized to fit its container.

Setting the alignment of the selected replaced element within the element's box.

Setting the opacity of an element.

Changing the order of item in flex or grid container.

Setting all the outline properties at once.

Setting the color of an element’s outline.

Setting the spacing between an outline and the border of an element.

Setting the style of an element's outline.

Setting the thickness of an element's outline.

Controlling the desired behavior for an element's overflow.

Setting what a browser does when reaching the boundary of a scrolling area.

Setting the padding area on all four sides of an element.

Setting align-content and justify-content at the same time.

Setting align-items and justify-items at the same time.

Setting align-self and justify-self at the same time.

Setting whether an element reacts to pointer events.

Setting an element is positioned in a document.

Setting whether an element is resizable.

Style utility for imporving the accessibility with screen readers.

Setting the scrolling behavior for a scrolling box.

Setting the scroll margin of an element.

Setting the scroll padding of an element.

Setting the scroll snap position.

Setting whether scroll container is pass over snap positions.

Setting how strictly snap points are enforced on the scroll container.

Setting the alpha channel threshold for a CSS shape.

Setting a margin for a CSS shape.

Setting a shape around which adjacent inline content should wrap.

Style shorthand for setting the width and height of an element.

Setting the outline color of an SVG shape.

Setting the width of the stroke to be applied to the SVG shape.

Setting the text alignment of an element.

Setting the appearance of decorative lines on text.

Setting the color of decorative lines on text.

Setting the kind of decoration that is used on text.

Setting the style of the decoration line that is used on text.

Setting thickness of the decoration line.

Setting the color of text.

Setting indentation of the first line.

Setting orientation of the text characters in a line.

Handling how hidden overflow content.

Setting what to optimize when rendering text.

Adding shadows to text.

Style utility for setting the font size with a golden-ratio line height.

Setting the width and color of strokes for text characters.

Setting the color of the stroke for text characters.

Setting the width of the stroke for text characters.

Controlling capitalization of text.

Setting the distance of a text decoration line from its original position.

Controlling how text inside an element is wrapped.

Setting how an element's region can be manipulated by a touchscreen user.

Controlling rotate, scale, skew, or translate an element.

Defining the layout box to which transform and transform-origin properties relate.

Setting the origin for an element’s transformations.

Setting how children of an element are rendered in the 3D space.

Controlling animation speed when changing CSS properties.

Setting a time to delay before starting transition.

Setting the length of time a transition should takes to complete.

Setting the CSS properties to which a transition effect should be applied.

Setting speed curve of the transition effect.

Controlling whether the user can drag element.

Controlling whether the user can select text.

CSS variables defined specific values to be reused throughout a document.

Setting vertical alignment.

Controlling whether an element is visible.

Controlling how whitespace and line breaks within an element are handled.

Setting an element’s width.

Setting how an element is expected to change in the browser.

Setting whether words should break.

Setting the spacing between words.

Setting different writing mode.

Set the z-order of a positioned element.

Set up or create a modern web app by running one command.

Command line interface for Master CSS.

The core syntax parsing of Master CSS.

The ESLint configuration and plugin reference for Master CSS.

Master CSS static extractor for various raw text extraction.

The language server reference for Master CSS.

The language service reference for Master CSS.

Normalize browser's styles ~600B.

The core syntax parsing and runtime engine of Master CSS.

Validator for Master CSS syntactic class.