API Reference

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.

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

Setting how elements span across multiple columns.

Setting the number of columns within the container.

Providing performance benefits by limiting calculations of layout.

Controlling the element's inner and outer display types.

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

Setting distance between an element and the parent element.

Controlling whether an element should create a new stacking context.

Controlling the desired behavior for an element's overflow.

Setting an element is positioned in a document.

Controlling whether an element is visible.

Set the z-order of a positioned element.

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.

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.

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.

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.

Changing the order of item in flex or grid container.

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 the gutters between rows and columns.

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

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

Setting the scroll margin of an element.

Setting the scroll padding of an element.

Setting the ratio for the box.

Setting an element’s height.

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.

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

Setting an element’s width.

Replacing an element with a generated value.

Increasing or decreasing the value of named CSS counters.

Creating named CSS counters and initializing them to specific values.

Setting existing CSS counters to specific values on selected elements.

Setting the direction of text.

Setting the font for an element.

Controlling advanced typographic features in OpenType fonts.

Setting the font size of elements.

Controlling the application of anti-aliasing when fonts are rendered.

Setting font style of an element.

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

Setting the weight of the font.

Set how to split words to improve the layout of paragraphs.

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.

Controlling how words should break when they overflow their element

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 optimally proportioned font size, line height and letter spacing all at once.

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 vertical alignment.

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

Setting whether words should break.

Setting the spacing between words.

Setting different writing mode.

Setting the accent color of user interface elements or controls.

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 the color of the cursor in text input.

Setting foreground color of an element.

Setting an element’s border.

Setting whether table cell have shared or separate borders.

Setting the color of an element’s border.

Drawing an image around an element as its border.

Setting how far the border image extends beyond the border box.

Defining how border image edge regions fit the border image area.

Dividing a border image source into corner, edge, and center regions.

Setting the source image used to create an element border image.

Setting the width of an element border image.

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.

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.

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

Adding light and dark shadow effects around an element.

Applying graphic effects to an element.

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

Setting the opacity of an element.

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

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.

Setting the color of an SVG shape.

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 outline color of an SVG shape.

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

Creating a clipping region.

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

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.

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.

Setting the scrolling behavior for a scrolling box.

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.

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 the native appearance of UI controls.

Setting the mouse cursor style.

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

Setting whether an element reacts to pointer events.

Setting whether an element is resizable.

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

Controlling whether the user can drag element.

Controlling whether the user can select text.

Style utility for imporving the accessibility with screen readers.