Interface StandardShorthandProperties<TLength, TTime>

The all shorthand CSS property resets all of an element's properties except unicode-bidi, direction, and CSS Custom Properties. It can set properties to their initial or inherited values, or to the values specified in another stylesheet origin.

The animation shorthand CSS property applies an animation between styles. It is a shorthand for animation-name, animation-duration, animation-timing-function, animation-delay, animation-iteration-count, animation-direction, animation-fill-mode, and animation-play-state.

The background shorthand CSS property sets all background style properties at once, such as color, image, origin and size, or repeat method.

The background-position CSS property sets the initial position for each background image. The position is relative to the position layer set by background-origin.

The border shorthand CSS property sets an element's border. It sets the values of border-width, border-style, and border-color.

The border-block CSS property is a shorthand property for setting the individual logical block border property values in a single place in the style sheet.

The border-block-end CSS property is a shorthand property for setting the individual logical block-end border property values in a single place in the style sheet.

The border-block-start CSS property is a shorthand property for setting the individual logical block-start border property values in a single place in the style sheet.

The border-bottom shorthand CSS property sets an element's bottom border. It sets the values of border-bottom-width, border-bottom-style and border-bottom-color.

The border-color shorthand CSS property sets the color of an element's border.

The border-image CSS property draws an image around a given element. It replaces the element's regular border.

The border-inline CSS property is a shorthand property for setting the individual logical inline border property values in a single place in the style sheet.

The border-inline-end CSS property is a shorthand property for setting the individual logical inline-end border property values in a single place in the style sheet.

The border-inline-start CSS property is a shorthand property for setting the individual logical inline-start border property values in a single place in the style sheet.

The border-left shorthand CSS property sets all the properties of an element's left border.

The border-radius CSS property rounds the corners of an element's outer border edge. You can set a single radius to make circular corners, or two radii to make elliptical corners.

The border-right shorthand CSS property sets all the properties of an element's right border.

The border-style shorthand CSS property sets the line style for all four sides of an element's border.

The border-top shorthand CSS property sets all the properties of an element's top border.

The border-width shorthand CSS property sets the width of an element's border.

The column-rule shorthand CSS property sets the width, style, and color of the line drawn between columns in a multi-column layout.

The columns CSS shorthand property sets the number of columns to use when drawing an element's contents, as well as those columns' widths.

The flex CSS shorthand property sets how a flex item will grow or shrink to fit the space available in its flex container.

The flex-flow CSS shorthand property specifies the direction of a flex container, as well as its wrapping behavior.

The font CSS shorthand property sets all the different properties of an element's font. Alternatively, it sets an element's font to a system font.

The gap CSS property sets the gaps (gutters) between rows and columns. It is a shorthand for row-gap and column-gap.

The grid CSS property is a shorthand property that sets all of the explicit and implicit grid properties in a single declaration.

The grid-area CSS shorthand property specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area.

The grid-column CSS shorthand property specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area.

The grid-row CSS shorthand property specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area.

The grid-template CSS property is a shorthand property for defining grid columns, rows, and areas.

Syntax: none | <integer>

The list-style CSS shorthand property allows you to set all the list style properties at once.

The margin CSS shorthand property sets the margin area on all four sides of an element.

The mask CSS shorthand property hides an element (partially or fully) by masking or clipping the image at specific points.

The mask-border CSS shorthand property lets you create a mask along the edge of an element's border.

The offset CSS shorthand property sets all the properties required for animating an element along a defined path.

The offset CSS shorthand property sets all the properties required for animating an element along a defined path.

The outline CSS shorthand property set all the outline properties in a single declaration.

The overflow CSS shorthand property sets the desired behavior for an element's overflow — i.e. when an element's content is too big to fit in its block formatting context — in both directions.

The overscroll-behavior CSS property sets what a browser does when reaching the boundary of a scrolling area. It's a shorthand for overscroll-behavior-x and overscroll-behavior-y.

The padding CSS shorthand property sets the padding area on all four sides of an element at once.

The CSS place-items shorthand property allows you to align items along both the block and inline directions at once (i.e. the align-items and justify-items properties) in a relevant layout system such as Grid or Flexbox. If the second value is not set, the first value is also used for it.

The place-self CSS shorthand property allows you to align an individual item in both the block and inline directions at once (i.e. the align-self and justify-self properties) in a relevant layout system such as Grid or Flexbox. If the second value is not present, the first value is also used for it.

The text-decoration shorthand CSS property sets the appearance of decorative lines on text. It is a shorthand for text-decoration-line, text-decoration-color, text-decoration-style, and the newer text-decoration-thickness property.

The text-emphasis CSS property applies emphasis marks to text (except spaces and control characters). It is a shorthand for text-emphasis-style and text-emphasis-color.

The transition CSS property is a shorthand property for transition-property, transition-duration, transition-timing-function, and transition-delay.