csstype

  • Version 3.0.9
  • Published
  • 1.17 MB
  • No dependencies
  • MIT license

Install

npm i csstype
yarn add csstype
pnpm add csstype

Overview

Strict TypeScript and Flow types for style based on MDN data

Index

Interfaces

Type Aliases

Namespaces

Interfaces

interface ObsoleteProperties

interface ObsoleteProperties<TLength = (string & {}) | 0, TTime = string & {}> {}

    property azimuth

    azimuth?: Property.Azimuth;
    • In combination with elevation, the **azimuth** CSS property enables different audio sources to be positioned spatially for aural presentation. This is important in that it provides a natural way to tell several voices apart, as each can be positioned to originate at a different location on the sound stage. Stereo output produce a lateral sound stage, while binaural headphones and multi-speaker setups allow for a fully three-dimensional stage.

      **Syntax**: <angle> | [ [ left-side | far-left | left | center-left | center | center-right | right | far-right | right-side ] || behind ] | leftwards | rightwards

      **Initial value**: center

      Deprecated

    property boxAlign

    boxAlign?: Property.BoxAlign;
    • The **box-align** CSS property specifies how an element aligns its contents across its layout in a perpendicular direction. The effect of the property is only visible if there is extra space in the box.

      **Syntax**: start | center | end | baseline | stretch

      **Initial value**: stretch

      Deprecated

    property boxDirection

    boxDirection?: Property.BoxDirection;
    • The **box-direction** CSS property specifies whether a box lays out its contents normally (from the top or left edge), or in reverse (from the bottom or right edge).

      **Syntax**: normal | reverse | inherit

      **Initial value**: normal

      Deprecated

    property boxFlex

    boxFlex?: Property.BoxFlex;
    • The **-moz-box-flex** and **-webkit-box-flex** CSS properties specify how a -moz-box or -webkit-box grows to fill the box that contains it, in the direction of the containing box's layout.

      **Syntax**: <number>

      **Initial value**: 0

      Deprecated

    property boxFlexGroup

    boxFlexGroup?: Property.BoxFlexGroup;
    • The **box-flex-group** CSS property assigns the flexbox's child elements to a flex group.

      **Syntax**: <integer>

      **Initial value**: 1

      Deprecated

    property boxLines

    boxLines?: Property.BoxLines;
    • The **box-lines** CSS property determines whether the box may have a single or multiple lines (rows for horizontally oriented boxes, columns for vertically oriented boxes).

      **Syntax**: single | multiple

      **Initial value**: single

      Deprecated

    property boxOrdinalGroup

    boxOrdinalGroup?: Property.BoxOrdinalGroup;
    • The **box-ordinal-group** CSS property assigns the flexbox's child elements to an ordinal group.

      **Syntax**: <integer>

      **Initial value**: 1

      Deprecated

    property boxOrient

    boxOrient?: Property.BoxOrient;
    • This is a property of the original CSS Flexible Box Layout Module draft, and has been replaced by a newer standard. See flexbox for information about the current standard.

      **Syntax**: horizontal | vertical | inline-axis | block-axis | inherit

      **Initial value**: inline-axis (horizontal in XUL)

      Deprecated

    property boxPack

    boxPack?: Property.BoxPack;
    • The **-moz-box-pack** and **-webkit-box-pack** CSS properties specify how a -moz-box or -webkit-box packs its contents in the direction of its layout. The effect of this is only visible if there is extra space in the box.

      **Syntax**: start | center | end | justify

      **Initial value**: start

      Deprecated

    property clip

    clip?: Property.Clip;
    • The **clip** CSS property defines a visible portion of an element. The clip property applies only to absolutely positioned elements — that is, elements with position:absolute or position:fixed.

      **Syntax**: <shape> | auto

      **Initial value**: auto

      Deprecated

    property fontVariantAlternates

    fontVariantAlternates?: Property.FontVariantAlternates;
    • The **font-variant-alternates** CSS property controls the usage of alternate glyphs. These alternate glyphs may be referenced by alternative names defined in @font-feature-values.

      **Syntax**: normal | [ stylistic( <feature-value-name> ) || historical-forms || styleset( <feature-value-name># ) || character-variant( <feature-value-name># ) || swash( <feature-value-name> ) || ornaments( <feature-value-name> ) || annotation( <feature-value-name> ) ]

      **Initial value**: normal

      Deprecated

    property gridColumnGap

    gridColumnGap?: Property.GridColumnGap<TLength>;
    • The **column-gap** CSS property sets the size of the gap (gutter) between an element's columns.

      **Syntax**: <length-percentage>

      **Initial value**: 0

      Deprecated

    property gridGap

    gridGap?: Property.GridGap<TLength>;
    • The **gap** CSS property sets the gaps (gutters) between rows and columns. It is a shorthand for row-gap and column-gap.

      **Syntax**: <'grid-row-gap'> <'grid-column-gap'>?

      Deprecated

    property gridRowGap

    gridRowGap?: Property.GridRowGap<TLength>;
    • The **row-gap** CSS property sets the size of the gap (gutter) between an element's grid rows.

      **Syntax**: <length-percentage>

      **Initial value**: 0

      Deprecated

    property imeMode

    imeMode?: Property.ImeMode;
    • The **ime-mode** CSS property controls the state of the input method editor (IME) for text fields. This property is obsolete.

      **Syntax**: auto | normal | active | inactive | disabled

      **Initial value**: auto

      Deprecated

    property KhtmlBoxAlign

    KhtmlBoxAlign?: Property.BoxAlign;
    • The **box-align** CSS property specifies how an element aligns its contents across its layout in a perpendicular direction. The effect of the property is only visible if there is extra space in the box.

      **Syntax**: start | center | end | baseline | stretch

      **Initial value**: stretch

      Deprecated

    property KhtmlBoxDirection

    KhtmlBoxDirection?: Property.BoxDirection;
    • The **box-direction** CSS property specifies whether a box lays out its contents normally (from the top or left edge), or in reverse (from the bottom or right edge).

      **Syntax**: normal | reverse | inherit

      **Initial value**: normal

      Deprecated

    property KhtmlBoxFlex

    KhtmlBoxFlex?: Property.BoxFlex;
    • The **-moz-box-flex** and **-webkit-box-flex** CSS properties specify how a -moz-box or -webkit-box grows to fill the box that contains it, in the direction of the containing box's layout.

      **Syntax**: <number>

      **Initial value**: 0

      Deprecated

    property KhtmlBoxFlexGroup

    KhtmlBoxFlexGroup?: Property.BoxFlexGroup;
    • The **box-flex-group** CSS property assigns the flexbox's child elements to a flex group.

      **Syntax**: <integer>

      **Initial value**: 1

      Deprecated

    property KhtmlBoxLines

    KhtmlBoxLines?: Property.BoxLines;
    • The **box-lines** CSS property determines whether the box may have a single or multiple lines (rows for horizontally oriented boxes, columns for vertically oriented boxes).

      **Syntax**: single | multiple

      **Initial value**: single

      Deprecated

    property KhtmlBoxOrdinalGroup

    KhtmlBoxOrdinalGroup?: Property.BoxOrdinalGroup;
    • The **box-ordinal-group** CSS property assigns the flexbox's child elements to an ordinal group.

      **Syntax**: <integer>

      **Initial value**: 1

      Deprecated

    property KhtmlBoxOrient

    KhtmlBoxOrient?: Property.BoxOrient;
    • This is a property of the original CSS Flexible Box Layout Module draft, and has been replaced by a newer standard. See flexbox for information about the current standard.

      **Syntax**: horizontal | vertical | inline-axis | block-axis | inherit

      **Initial value**: inline-axis (horizontal in XUL)

      Deprecated

    property KhtmlBoxPack

    KhtmlBoxPack?: Property.BoxPack;
    • The **-moz-box-pack** and **-webkit-box-pack** CSS properties specify how a -moz-box or -webkit-box packs its contents in the direction of its layout. The effect of this is only visible if there is extra space in the box.

      **Syntax**: start | center | end | justify

      **Initial value**: start

      Deprecated

    property KhtmlLineBreak

    KhtmlLineBreak?: Property.LineBreak;
    • The **line-break** CSS property sets how to break lines of Chinese, Japanese, or Korean (CJK) text when working with punctuation and symbols.

      **Syntax**: auto | loose | normal | strict | anywhere

      **Initial value**: auto

      Deprecated

    property KhtmlOpacity

    KhtmlOpacity?: Property.Opacity;
    • The **opacity** CSS property sets the opacity of an element. Opacity is the degree to which content behind an element is hidden, and is the opposite of transparency.

      **Syntax**: <alpha-value>

      **Initial value**: 1.0

      Deprecated

    property KhtmlUserSelect

    KhtmlUserSelect?: Property.UserSelect;
    • The **user-select** CSS property controls whether the user can select text. This doesn't have any effect on content loaded as chrome, except in textboxes.

      **Syntax**: auto | text | none | contain | all

      **Initial value**: auto

      Deprecated

    property MozBackgroundClip

    MozBackgroundClip?: Property.BackgroundClip;
    • The **background-clip** CSS property sets whether an element's background extends underneath its border box, padding box, or content box.

      **Syntax**: <box>#

      **Initial value**: border-box

      Deprecated

    property MozBackgroundInlinePolicy

    MozBackgroundInlinePolicy?: Property.BoxDecorationBreak;
    • The **box-decoration-break** CSS property specifies how an element's fragments should be rendered when broken across multiple lines, columns, or pages.

      **Syntax**: slice | clone

      **Initial value**: slice

      Deprecated

    property MozBackgroundOrigin

    MozBackgroundOrigin?: Property.BackgroundOrigin;
    • The **background-origin** CSS property sets the background's origin: from the border start, inside the border, or inside the padding.

      **Syntax**: <box>#

      **Initial value**: padding-box

      Deprecated

    property MozBackgroundSize

    MozBackgroundSize?: Property.BackgroundSize<TLength>;
    • The **background-size** CSS property sets the size of the element's background image. The image can be left to its natural size, stretched, or constrained to fit the available space.

      **Syntax**: <bg-size>#

      **Initial value**: auto auto

      Deprecated

    property MozBinding

    MozBinding?: Property.MozBinding;
    • The **-moz-binding** CSS property is used by Mozilla-based applications to attach an XBL binding to a DOM element.

      **Syntax**: <url> | none

      **Initial value**: none

      Deprecated

    property MozBorderRadius

    MozBorderRadius?: Property.BorderRadius<TLength>;
    • 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.

      **Syntax**: <length-percentage>{1,4} [ / <length-percentage>{1,4} ]?

      Deprecated

    property MozBorderRadiusBottomleft

    MozBorderRadiusBottomleft?: Property.BorderBottomLeftRadius<TLength>;
    • The **border-bottom-left-radius** CSS property rounds the bottom-left corner of an element by specifying the radius (or the radius of the semi-major and semi-minor axes) of the ellipse defining the curvature of the corner.

      **Syntax**: <length-percentage>{1,2}

      **Initial value**: 0

      Deprecated

    property MozBorderRadiusBottomright

    MozBorderRadiusBottomright?: Property.BorderBottomRightRadius<TLength>;
    • The **border-bottom-right-radius** CSS property rounds the bottom-right corner of an element by specifying the radius (or the radius of the semi-major and semi-minor axes) of the ellipse defining the curvature of the corner.

      **Syntax**: <length-percentage>{1,2}

      **Initial value**: 0

      Deprecated

    property MozBorderRadiusTopleft

    MozBorderRadiusTopleft?: Property.BorderTopLeftRadius<TLength>;
    • The **border-top-left-radius** CSS property rounds the top-left corner of an element by specifying the radius (or the radius of the semi-major and semi-minor axes) of the ellipse defining the curvature of the corner.

      **Syntax**: <length-percentage>{1,2}

      **Initial value**: 0

      Deprecated

    property MozBorderRadiusTopright

    MozBorderRadiusTopright?: Property.BorderTopRightRadius<TLength>;
    • The **border-top-right-radius** CSS property rounds the top-right corner of an element by specifying the radius (or the radius of the semi-major and semi-minor axes) of the ellipse defining the curvature of the corner.

      **Syntax**: <length-percentage>{1,2}

      **Initial value**: 0

      Deprecated

    property MozBoxAlign

    MozBoxAlign?: Property.BoxAlign;
    • The **box-align** CSS property specifies how an element aligns its contents across its layout in a perpendicular direction. The effect of the property is only visible if there is extra space in the box.

      **Syntax**: start | center | end | baseline | stretch

      **Initial value**: stretch

      Deprecated

    property MozBoxDirection

    MozBoxDirection?: Property.BoxDirection;
    • The **box-direction** CSS property specifies whether a box lays out its contents normally (from the top or left edge), or in reverse (from the bottom or right edge).

      **Syntax**: normal | reverse | inherit

      **Initial value**: normal

      Deprecated

    property MozBoxFlex

    MozBoxFlex?: Property.BoxFlex;
    • The **-moz-box-flex** and **-webkit-box-flex** CSS properties specify how a -moz-box or -webkit-box grows to fill the box that contains it, in the direction of the containing box's layout.

      **Syntax**: <number>

      **Initial value**: 0

      Deprecated

    property MozBoxOrdinalGroup

    MozBoxOrdinalGroup?: Property.BoxOrdinalGroup;
    • The **box-ordinal-group** CSS property assigns the flexbox's child elements to an ordinal group.

      **Syntax**: <integer>

      **Initial value**: 1

      Deprecated

    property MozBoxOrient

    MozBoxOrient?: Property.BoxOrient;
    • This is a property of the original CSS Flexible Box Layout Module draft, and has been replaced by a newer standard. See flexbox for information about the current standard.

      **Syntax**: horizontal | vertical | inline-axis | block-axis | inherit

      **Initial value**: inline-axis (horizontal in XUL)

      Deprecated

    property MozBoxPack

    MozBoxPack?: Property.BoxPack;
    • The **-moz-box-pack** and **-webkit-box-pack** CSS properties specify how a -moz-box or -webkit-box packs its contents in the direction of its layout. The effect of this is only visible if there is extra space in the box.

      **Syntax**: start | center | end | justify

      **Initial value**: start

      Deprecated

    property MozBoxShadow

    MozBoxShadow?: Property.BoxShadow;
    • The **box-shadow** CSS property adds shadow effects around an element's frame. You can set multiple effects separated by commas. A box shadow is described by X and Y offsets relative to the element, blur and spread radius, and color.

      **Syntax**: none | <shadow>#

      **Initial value**: none

      Deprecated

    property MozFloatEdge

    MozFloatEdge?: Property.MozFloatEdge;
    • The non-standard **-moz-float-edge** CSS property specifies whether the height and width properties of the element include the margin, border, or padding thickness.

      **Syntax**: border-box | content-box | margin-box | padding-box

      **Initial value**: content-box

      Deprecated

    property MozForceBrokenImageIcon

    MozForceBrokenImageIcon?: Property.MozForceBrokenImageIcon;
    • The **-moz-force-broken-image-icon** extended CSS property can be used to force the broken image icon to be shown even when a broken image has an alt attribute.

      **Syntax**: 0 | 1

      **Initial value**: 0

      Deprecated

    property MozOpacity

    MozOpacity?: Property.Opacity;
    • The **opacity** CSS property sets the opacity of an element. Opacity is the degree to which content behind an element is hidden, and is the opposite of transparency.

      **Syntax**: <alpha-value>

      **Initial value**: 1.0

      Deprecated

    property MozOutline

    MozOutline?: Property.Outline<TLength>;
    • The **outline** CSS shorthand property set all the outline properties in a single declaration.

      **Syntax**: [ <'outline-color'> || <'outline-style'> || <'outline-width'> ]

      Deprecated

    property MozOutlineColor

    MozOutlineColor?: Property.OutlineColor;
    • The **outline-color** CSS property sets the color of an element's outline.

      **Syntax**: <color> | invert

      **Initial value**: invert, for browsers supporting it, currentColor for the other

      Deprecated

    property MozOutlineRadius

    MozOutlineRadius?: Property.MozOutlineRadius<TLength>;
    • In Mozilla applications like Firefox, the **-moz-outline-radius** CSS shorthand property can be used to give an element's outline rounded corners.

      **Syntax**: <outline-radius>{1,4} [ / <outline-radius>{1,4} ]?

      Deprecated

    property MozOutlineRadiusBottomleft

    MozOutlineRadiusBottomleft?: Property.MozOutlineRadiusBottomleft<TLength>;
    • In Mozilla applications, the **-moz-outline-radius-bottomleft** CSS property can be used to round the bottom-left corner of an element's outline.

      **Syntax**: <outline-radius>

      **Initial value**: 0

      Deprecated

    property MozOutlineRadiusBottomright

    MozOutlineRadiusBottomright?: Property.MozOutlineRadiusBottomright<TLength>;
    • In Mozilla applications, the **-moz-outline-radius-bottomright** CSS property can be used to round the bottom-right corner of an element's outline.

      **Syntax**: <outline-radius>

      **Initial value**: 0

      Deprecated

    property MozOutlineRadiusTopleft

    MozOutlineRadiusTopleft?: Property.MozOutlineRadiusTopleft<TLength>;
    • In Mozilla applications, the **-moz-outline-radius-topleft** CSS property can be used to round the top-left corner of an element's outline.

      **Syntax**: <outline-radius>

      **Initial value**: 0

      Deprecated

    property MozOutlineRadiusTopright

    MozOutlineRadiusTopright?: Property.MozOutlineRadiusTopright<TLength>;
    • In Mozilla applications, the **-moz-outline-radius-topright** CSS property can be used to round the top-right corner of an element's outline.

      **Syntax**: <outline-radius>

      **Initial value**: 0

      Deprecated

    property MozOutlineStyle

    MozOutlineStyle?: Property.OutlineStyle;
    • The **outline-style** CSS property sets the style of an element's outline. An outline is a line that is drawn around an element, outside the border.

      **Syntax**: auto | <'border-style'>

      **Initial value**: none

      Deprecated

    property MozOutlineWidth

    MozOutlineWidth?: Property.OutlineWidth<TLength>;
    • The CSS **outline-width** property sets the thickness of an element's outline. An outline is a line that is drawn around an element, outside the border.

      **Syntax**: <line-width>

      **Initial value**: medium

      Deprecated

    property MozTextAlignLast

    MozTextAlignLast?: Property.TextAlignLast;
    • The **text-align-last** CSS property sets how the last line of a block or a line, right before a forced line break, is aligned.

      **Syntax**: auto | start | end | left | right | center | justify

      **Initial value**: auto

      Deprecated

    property MozTextDecorationColor

    MozTextDecorationColor?: Property.TextDecorationColor;
    • The **text-decoration-color** CSS property sets the color of decorations added to text by text-decoration-line.

      **Syntax**: <color>

      **Initial value**: currentcolor

      Deprecated

    property MozTextDecorationLine

    MozTextDecorationLine?: Property.TextDecorationLine;
    • The **text-decoration-line** CSS property sets the kind of decoration that is used on text in an element, such as an underline or overline.

      **Syntax**: none | [ underline || overline || line-through || blink ] | spelling-error | grammar-error

      **Initial value**: none

      Deprecated

    property MozTextDecorationStyle

    MozTextDecorationStyle?: Property.TextDecorationStyle;
    • The **text-decoration-style** CSS property sets the style of the lines specified by text-decoration-line. The style applies to all lines that are set with text-decoration-line.

      **Syntax**: solid | double | dotted | dashed | wavy

      **Initial value**: solid

      Deprecated

    property MozUserInput

    MozUserInput?: Property.MozUserInput;
    • In Mozilla applications, **-moz-user-input** determines if an element will accept user input.

      **Syntax**: auto | none | enabled | disabled

      **Initial value**: auto

      Deprecated

    property msImeMode

    msImeMode?: Property.ImeMode;
    • The **ime-mode** CSS property controls the state of the input method editor (IME) for text fields. This property is obsolete.

      **Syntax**: auto | normal | active | inactive | disabled

      **Initial value**: auto

      Deprecated

    property msScrollbarTrackColor

    msScrollbarTrackColor?: Property.MsScrollbarTrackColor;
    • The **-ms-scrollbar-track-color** CSS property is a Microsoft extension that specifies the color of the track element of a scrollbar.

      **Syntax**: <color>

      **Initial value**: Scrollbar

      Deprecated

    property OAnimation

    OAnimation?: Property.Animation<TTime>;
    • 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.

      **Syntax**: <single-animation>#

      Deprecated

    property OAnimationDelay

    OAnimationDelay?: Property.AnimationDelay<TTime>;
    • The **animation-delay** CSS property specifies the amount of time to wait from applying the animation to an element before beginning to perform the animation. The animation can start later, immediately from its beginning, or immediately and partway through the animation.

      **Syntax**: <time>#

      **Initial value**: 0s

      Deprecated

    property OAnimationDirection

    OAnimationDirection?: Property.AnimationDirection;
    • The **animation-direction** CSS property sets whether an animation should play forward, backward, or alternate back and forth between playing the sequence forward and backward.

      **Syntax**: <single-animation-direction>#

      **Initial value**: normal

      Deprecated

    property OAnimationDuration

    OAnimationDuration?: Property.AnimationDuration<TTime>;
    • The **animation-duration** CSS property sets the length of time that an animation takes to complete one cycle.

      **Syntax**: <time>#

      **Initial value**: 0s

      Deprecated

    property OAnimationFillMode

    OAnimationFillMode?: Property.AnimationFillMode;
    • The **animation-fill-mode** CSS property sets how a CSS animation applies styles to its target before and after its execution.

      **Syntax**: <single-animation-fill-mode>#

      **Initial value**: none

      Deprecated

    property OAnimationIterationCount

    OAnimationIterationCount?: Property.AnimationIterationCount;
    • The **animation-iteration-count** CSS property sets the number of times an animation sequence should be played before stopping.

      **Syntax**: <single-animation-iteration-count>#

      **Initial value**: 1

      Deprecated

    property OAnimationName

    OAnimationName?: Property.AnimationName;
    • The **animation-name** CSS property specifies the names of one or more @keyframes at-rules describing the animation or animations to apply to the element.

      **Syntax**: [ none | <keyframes-name> ]#

      **Initial value**: none

      Deprecated

    property OAnimationPlayState

    OAnimationPlayState?: Property.AnimationPlayState;
    • The **animation-play-state** CSS property sets whether an animation is running or paused.

      **Syntax**: <single-animation-play-state>#

      **Initial value**: running

      Deprecated

    property OAnimationTimingFunction

    OAnimationTimingFunction?: Property.AnimationTimingFunction;
    • The **animation-timing-function** CSS property sets how an animation progresses through the duration of each cycle.

      **Syntax**: <easing-function>#

      **Initial value**: ease

      Deprecated

    property OBackgroundSize

    OBackgroundSize?: Property.BackgroundSize<TLength>;
    • The **background-size** CSS property sets the size of the element's background image. The image can be left to its natural size, stretched, or constrained to fit the available space.

      **Syntax**: <bg-size>#

      **Initial value**: auto auto

      Deprecated

    property OBorderImage

    OBorderImage?: Property.BorderImage;
    • The **border-image** CSS property draws an image around a given element. It replaces the element's regular border.

      **Syntax**: <'border-image-source'> || <'border-image-slice'> [ / <'border-image-width'> | / <'border-image-width'>? / <'border-image-outset'> ]? || <'border-image-repeat'>

      Deprecated

    property offsetBlock

    offsetBlock?: Property.InsetBlock<TLength>;
    • The **inset-inline** CSS property defines the logical start and end offsets of an element in the inline direction, which maps to physical offsets depending on the element's writing mode, directionality, and text orientation. It corresponds to the top and bottom, or right and left properties depending on the values defined for writing-mode, direction, and text-orientation.

      **Syntax**: <'top'>{1,2}

      **Initial value**: auto

      Deprecated

    property offsetBlockEnd

    offsetBlockEnd?: Property.InsetBlockEnd<TLength>;
    • The **inset-block-end** CSS property defines the logical block end offset of an element, which maps to a physical inset depending on the element's writing mode, directionality, and text orientation. It corresponds to the top, right, bottom, or left property depending on the values defined for writing-mode, direction, and text-orientation.

      **Syntax**: <'top'>

      **Initial value**: auto

      Deprecated

    property offsetBlockStart

    offsetBlockStart?: Property.InsetBlockStart<TLength>;
    • The **inset-block-start** CSS property defines the logical block start offset of an element, which maps to a physical inset depending on the element's writing mode, directionality, and text orientation. It corresponds to the top, right, bottom, or left property depending on the values defined for writing-mode, direction, and text-orientation.

      **Syntax**: <'top'>

      **Initial value**: auto

      Deprecated

    property offsetInline

    offsetInline?: Property.InsetInline<TLength>;
    • The **inset-inline** CSS property defines the logical start and end offsets of an element in the inline direction, which maps to physical offsets depending on the element's writing mode, directionality, and text orientation. It corresponds to the top and bottom, or right and left properties depending on the values defined for writing-mode, direction, and text-orientation.

      **Syntax**: <'top'>{1,2}

      **Initial value**: auto

      Deprecated

    property offsetInlineEnd

    offsetInlineEnd?: Property.InsetInlineEnd<TLength>;
    • The **inset-inline-end** CSS property defines the logical inline end inset of an element, which maps to a physical offset depending on the element's writing mode, directionality, and text orientation. It corresponds to the top, right, bottom, or left property depending on the values defined for writing-mode, direction, and text-orientation.

      **Syntax**: <'top'>

      **Initial value**: auto

      Deprecated

    property offsetInlineStart

    offsetInlineStart?: Property.InsetInlineStart<TLength>;
    • The **inset-inline-start** CSS property defines the logical inline start inset of an element, which maps to a physical offset depending on the element's writing mode, directionality, and text orientation. It corresponds to the top, right, bottom, or left property depending on the values defined for writing-mode, direction, and text-orientation.

      **Syntax**: <'top'>

      **Initial value**: auto

      Deprecated

    property OObjectFit

    OObjectFit?: Property.ObjectFit;
    • The **object-fit** CSS property sets how the content of a replaced element, such as an <img> or <video>, should be resized to fit its container.

      **Syntax**: fill | contain | cover | none | scale-down

      **Initial value**: fill

      Deprecated

    property OObjectPosition

    OObjectPosition?: Property.ObjectPosition<TLength>;
    • The **object-position** CSS property specifies the alignment of the selected replaced element's contents within the element's box. Areas of the box which aren't covered by the replaced element's object will show the element's background.

      **Syntax**: <position>

      **Initial value**: 50% 50%

      Deprecated

    property OTabSize

    OTabSize?: Property.TabSize<TLength>;
    • The **tab-size** CSS property is used to customize the width of tab characters (U+0009).

      **Syntax**: <integer> | <length>

      **Initial value**: 8

      Deprecated

    property OTextOverflow

    OTextOverflow?: Property.TextOverflow;
    • The **text-overflow** CSS property sets how hidden overflow content is signaled to users. It can be clipped, display an ellipsis (''), or display a custom string.

      **Syntax**: [ clip | ellipsis | <string> ]{1,2}

      **Initial value**: clip

      Deprecated

    property OTransform

    OTransform?: Property.Transform;
    • The **transform** CSS property lets you rotate, scale, skew, or translate an element. It modifies the coordinate space of the CSS visual formatting model.

      **Syntax**: none | <transform-list>

      **Initial value**: none

      Deprecated

    property OTransformOrigin

    OTransformOrigin?: Property.TransformOrigin<TLength>;
    • The **transform-origin** CSS property sets the origin for an element's transformations.

      **Syntax**: [ <length-percentage> | left | center | right | top | bottom ] | [ [ <length-percentage> | left | center | right ] && [ <length-percentage> | top | center | bottom ] ] <length>?

      **Initial value**: 50% 50% 0

      Deprecated

    property OTransition

    OTransition?: Property.Transition<TTime>;
    • The **transition** CSS property is a shorthand property for transition-property, transition-duration, transition-timing-function, and transition-delay.

      **Syntax**: <single-transition>#

      Deprecated

    property OTransitionDelay

    OTransitionDelay?: Property.TransitionDelay<TTime>;
    • The **transition-delay** CSS property specifies the duration to wait before starting a property's transition effect when its value changes.

      **Syntax**: <time>#

      **Initial value**: 0s

      Deprecated

    property OTransitionDuration

    OTransitionDuration?: Property.TransitionDuration<TTime>;
    • The **transition-duration** CSS property sets the length of time a transition animation should take to complete. By default, the value is 0s, meaning that no animation will occur.

      **Syntax**: <time>#

      **Initial value**: 0s

      Deprecated

    property OTransitionProperty

    OTransitionProperty?: Property.TransitionProperty;
    • The **transition-property** CSS property sets the CSS properties to which a transition effect should be applied.

      **Syntax**: none | <single-transition-property>#

      **Initial value**: all

      Deprecated

    property OTransitionTimingFunction

    OTransitionTimingFunction?: Property.TransitionTimingFunction;
    • The **transition-timing-function** CSS property sets how intermediate values are calculated for CSS properties being affected by a transition effect.

      **Syntax**: <easing-function>#

      **Initial value**: ease

      Deprecated

    property scrollbarTrackColor

    scrollbarTrackColor?: Property.MsScrollbarTrackColor;
    • The **-ms-scrollbar-track-color** CSS property is a Microsoft extension that specifies the color of the track element of a scrollbar.

      **Syntax**: <color>

      **Initial value**: Scrollbar

      Deprecated

    property scrollSnapCoordinate

    scrollSnapCoordinate?: Property.ScrollSnapCoordinate<TLength>;
    • The **scroll-snap-coordinate** CSS property defines the x and y coordinate positions within an element that will align with its nearest ancestor scroll container's scroll-snap-destination for each respective axis.

      **Syntax**: none | <position>#

      **Initial value**: none

      Deprecated

    property scrollSnapDestination

    scrollSnapDestination?: Property.ScrollSnapDestination<TLength>;
    • The **scroll-snap-destination** CSS property defines the position in x and y coordinates within the scroll container's visual viewport which element snap points align with.

      **Syntax**: <position>

      **Initial value**: 0px 0px

      Deprecated

    property scrollSnapPointsX

    scrollSnapPointsX?: Property.ScrollSnapPointsX;
    • The **scroll-snap-points-x** CSS property defines the horizontal positioning of snap points within the content of the scroll container they are applied to.

      **Syntax**: none | repeat( <length-percentage> )

      **Initial value**: none

      Deprecated

    property scrollSnapPointsY

    scrollSnapPointsY?: Property.ScrollSnapPointsY;
    • The **scroll-snap-points-y** CSS property defines the vertical positioning of snap points within the content of the scroll container they are applied to.

      **Syntax**: none | repeat( <length-percentage> )

      **Initial value**: none

      Deprecated

    property scrollSnapTypeX

    scrollSnapTypeX?: Property.ScrollSnapTypeX;
    • The **scroll-snap-type-x** CSS property defines how strictly snap points are enforced on the horizontal axis of the scroll container in case there is one.

      **Syntax**: none | mandatory | proximity

      **Initial value**: none

      Deprecated

    property scrollSnapTypeY

    scrollSnapTypeY?: Property.ScrollSnapTypeY;
    • The **scroll-snap-type-y** CSS property defines how strictly snap points are enforced on the vertical axis of the scroll container in case there is one.

      **Syntax**: none | mandatory | proximity

      **Initial value**: none

      Deprecated

    property WebkitBoxAlign

    WebkitBoxAlign?: Property.BoxAlign;
    • The **box-align** CSS property specifies how an element aligns its contents across its layout in a perpendicular direction. The effect of the property is only visible if there is extra space in the box.

      **Syntax**: start | center | end | baseline | stretch

      **Initial value**: stretch

      Deprecated

    property WebkitBoxDirection

    WebkitBoxDirection?: Property.BoxDirection;
    • The **box-direction** CSS property specifies whether a box lays out its contents normally (from the top or left edge), or in reverse (from the bottom or right edge).

      **Syntax**: normal | reverse | inherit

      **Initial value**: normal

      Deprecated

    property WebkitBoxFlex

    WebkitBoxFlex?: Property.BoxFlex;
    • The **-moz-box-flex** and **-webkit-box-flex** CSS properties specify how a -moz-box or -webkit-box grows to fill the box that contains it, in the direction of the containing box's layout.

      **Syntax**: <number>

      **Initial value**: 0

      Deprecated

    property WebkitBoxFlexGroup

    WebkitBoxFlexGroup?: Property.BoxFlexGroup;
    • The **box-flex-group** CSS property assigns the flexbox's child elements to a flex group.

      **Syntax**: <integer>

      **Initial value**: 1

      Deprecated

    property WebkitBoxLines

    WebkitBoxLines?: Property.BoxLines;
    • The **box-lines** CSS property determines whether the box may have a single or multiple lines (rows for horizontally oriented boxes, columns for vertically oriented boxes).

      **Syntax**: single | multiple

      **Initial value**: single

      Deprecated

    property WebkitBoxOrdinalGroup

    WebkitBoxOrdinalGroup?: Property.BoxOrdinalGroup;
    • The **box-ordinal-group** CSS property assigns the flexbox's child elements to an ordinal group.

      **Syntax**: <integer>

      **Initial value**: 1

      Deprecated

    property WebkitBoxOrient

    WebkitBoxOrient?: Property.BoxOrient;
    • This is a property of the original CSS Flexible Box Layout Module draft, and has been replaced by a newer standard. See flexbox for information about the current standard.

      **Syntax**: horizontal | vertical | inline-axis | block-axis | inherit

      **Initial value**: inline-axis (horizontal in XUL)

      Deprecated

    property WebkitBoxPack

    WebkitBoxPack?: Property.BoxPack;
    • The **-moz-box-pack** and **-webkit-box-pack** CSS properties specify how a -moz-box or -webkit-box packs its contents in the direction of its layout. The effect of this is only visible if there is extra space in the box.

      **Syntax**: start | center | end | justify

      **Initial value**: start

      Deprecated

    property WebkitScrollSnapPointsX

    WebkitScrollSnapPointsX?: Property.ScrollSnapPointsX;
    • The **scroll-snap-points-x** CSS property defines the horizontal positioning of snap points within the content of the scroll container they are applied to.

      **Syntax**: none | repeat( <length-percentage> )

      **Initial value**: none

      Deprecated

    property WebkitScrollSnapPointsY

    WebkitScrollSnapPointsY?: Property.ScrollSnapPointsY;
    • The **scroll-snap-points-y** CSS property defines the vertical positioning of snap points within the content of the scroll container they are applied to.

      **Syntax**: none | repeat( <length-percentage> )

      **Initial value**: none

      Deprecated

    interface ObsoletePropertiesHyphen

    interface ObsoletePropertiesHyphen<
    TLength = (string & {}) | 0,
    TTime = string & {}
    > {}

      property "-khtml-box-align"

      '-khtml-box-align'?: Property.BoxAlign;
      • The **box-align** CSS property specifies how an element aligns its contents across its layout in a perpendicular direction. The effect of the property is only visible if there is extra space in the box.

        **Syntax**: start | center | end | baseline | stretch

        **Initial value**: stretch

        Deprecated

      property "-khtml-box-direction"

      '-khtml-box-direction'?: Property.BoxDirection;
      • The **box-direction** CSS property specifies whether a box lays out its contents normally (from the top or left edge), or in reverse (from the bottom or right edge).

        **Syntax**: normal | reverse | inherit

        **Initial value**: normal

        Deprecated

      property "-khtml-box-flex-group"

      '-khtml-box-flex-group'?: Property.BoxFlexGroup;
      • The **box-flex-group** CSS property assigns the flexbox's child elements to a flex group.

        **Syntax**: <integer>

        **Initial value**: 1

        Deprecated

      property "-khtml-box-flex"

      '-khtml-box-flex'?: Property.BoxFlex;
      • The **-moz-box-flex** and **-webkit-box-flex** CSS properties specify how a -moz-box or -webkit-box grows to fill the box that contains it, in the direction of the containing box's layout.

        **Syntax**: <number>

        **Initial value**: 0

        Deprecated

      property "-khtml-box-lines"

      '-khtml-box-lines'?: Property.BoxLines;
      • The **box-lines** CSS property determines whether the box may have a single or multiple lines (rows for horizontally oriented boxes, columns for vertically oriented boxes).

        **Syntax**: single | multiple

        **Initial value**: single

        Deprecated

      property "-khtml-box-ordinal-group"

      '-khtml-box-ordinal-group'?: Property.BoxOrdinalGroup;
      • The **box-ordinal-group** CSS property assigns the flexbox's child elements to an ordinal group.

        **Syntax**: <integer>

        **Initial value**: 1

        Deprecated

      property "-khtml-box-orient"

      '-khtml-box-orient'?: Property.BoxOrient;
      • This is a property of the original CSS Flexible Box Layout Module draft, and has been replaced by a newer standard. See flexbox for information about the current standard.

        **Syntax**: horizontal | vertical | inline-axis | block-axis | inherit

        **Initial value**: inline-axis (horizontal in XUL)

        Deprecated

      property "-khtml-box-pack"

      '-khtml-box-pack'?: Property.BoxPack;
      • The **-moz-box-pack** and **-webkit-box-pack** CSS properties specify how a -moz-box or -webkit-box packs its contents in the direction of its layout. The effect of this is only visible if there is extra space in the box.

        **Syntax**: start | center | end | justify

        **Initial value**: start

        Deprecated

      property "-khtml-line-break"

      '-khtml-line-break'?: Property.LineBreak;
      • The **line-break** CSS property sets how to break lines of Chinese, Japanese, or Korean (CJK) text when working with punctuation and symbols.

        **Syntax**: auto | loose | normal | strict | anywhere

        **Initial value**: auto

        Deprecated

      property "-khtml-opacity"

      '-khtml-opacity'?: Property.Opacity;
      • The **opacity** CSS property sets the opacity of an element. Opacity is the degree to which content behind an element is hidden, and is the opposite of transparency.

        **Syntax**: <alpha-value>

        **Initial value**: 1.0

        Deprecated

      property "-khtml-user-select"

      '-khtml-user-select'?: Property.UserSelect;
      • The **user-select** CSS property controls whether the user can select text. This doesn't have any effect on content loaded as chrome, except in textboxes.

        **Syntax**: auto | text | none | contain | all

        **Initial value**: auto

        Deprecated

      property "-moz-background-clip"

      '-moz-background-clip'?: Property.BackgroundClip;
      • The **background-clip** CSS property sets whether an element's background extends underneath its border box, padding box, or content box.

        **Syntax**: <box>#

        **Initial value**: border-box

        Deprecated

      property "-moz-background-inline-policy"

      '-moz-background-inline-policy'?: Property.BoxDecorationBreak;
      • The **box-decoration-break** CSS property specifies how an element's fragments should be rendered when broken across multiple lines, columns, or pages.

        **Syntax**: slice | clone

        **Initial value**: slice

        Deprecated

      property "-moz-background-origin"

      '-moz-background-origin'?: Property.BackgroundOrigin;
      • The **background-origin** CSS property sets the background's origin: from the border start, inside the border, or inside the padding.

        **Syntax**: <box>#

        **Initial value**: padding-box

        Deprecated

      property "-moz-background-size"

      '-moz-background-size'?: Property.BackgroundSize<TLength>;
      • The **background-size** CSS property sets the size of the element's background image. The image can be left to its natural size, stretched, or constrained to fit the available space.

        **Syntax**: <bg-size>#

        **Initial value**: auto auto

        Deprecated

      property "-moz-binding"

      '-moz-binding'?: Property.MozBinding;
      • The **-moz-binding** CSS property is used by Mozilla-based applications to attach an XBL binding to a DOM element.

        **Syntax**: <url> | none

        **Initial value**: none

        Deprecated

      property "-moz-border-radius-bottomleft"

      '-moz-border-radius-bottomleft'?: Property.BorderBottomLeftRadius<TLength>;
      • The **border-bottom-left-radius** CSS property rounds the bottom-left corner of an element by specifying the radius (or the radius of the semi-major and semi-minor axes) of the ellipse defining the curvature of the corner.

        **Syntax**: <length-percentage>{1,2}

        **Initial value**: 0

        Deprecated

      property "-moz-border-radius-bottomright"

      '-moz-border-radius-bottomright'?: Property.BorderBottomRightRadius<TLength>;
      • The **border-bottom-right-radius** CSS property rounds the bottom-right corner of an element by specifying the radius (or the radius of the semi-major and semi-minor axes) of the ellipse defining the curvature of the corner.

        **Syntax**: <length-percentage>{1,2}

        **Initial value**: 0

        Deprecated

      property "-moz-border-radius-topleft"

      '-moz-border-radius-topleft'?: Property.BorderTopLeftRadius<TLength>;
      • The **border-top-left-radius** CSS property rounds the top-left corner of an element by specifying the radius (or the radius of the semi-major and semi-minor axes) of the ellipse defining the curvature of the corner.

        **Syntax**: <length-percentage>{1,2}

        **Initial value**: 0

        Deprecated

      property "-moz-border-radius-topright"

      '-moz-border-radius-topright'?: Property.BorderTopRightRadius<TLength>;
      • The **border-top-right-radius** CSS property rounds the top-right corner of an element by specifying the radius (or the radius of the semi-major and semi-minor axes) of the ellipse defining the curvature of the corner.

        **Syntax**: <length-percentage>{1,2}

        **Initial value**: 0

        Deprecated

      property "-moz-border-radius"

      '-moz-border-radius'?: Property.BorderRadius<TLength>;
      • 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.

        **Syntax**: <length-percentage>{1,4} [ / <length-percentage>{1,4} ]?

        Deprecated

      property "-moz-box-align"

      '-moz-box-align'?: Property.BoxAlign;
      • The **box-align** CSS property specifies how an element aligns its contents across its layout in a perpendicular direction. The effect of the property is only visible if there is extra space in the box.

        **Syntax**: start | center | end | baseline | stretch

        **Initial value**: stretch

        Deprecated

      property "-moz-box-direction"

      '-moz-box-direction'?: Property.BoxDirection;
      • The **box-direction** CSS property specifies whether a box lays out its contents normally (from the top or left edge), or in reverse (from the bottom or right edge).

        **Syntax**: normal | reverse | inherit

        **Initial value**: normal

        Deprecated

      property "-moz-box-flex"

      '-moz-box-flex'?: Property.BoxFlex;
      • The **-moz-box-flex** and **-webkit-box-flex** CSS properties specify how a -moz-box or -webkit-box grows to fill the box that contains it, in the direction of the containing box's layout.

        **Syntax**: <number>

        **Initial value**: 0

        Deprecated

      property "-moz-box-ordinal-group"

      '-moz-box-ordinal-group'?: Property.BoxOrdinalGroup;
      • The **box-ordinal-group** CSS property assigns the flexbox's child elements to an ordinal group.

        **Syntax**: <integer>

        **Initial value**: 1

        Deprecated

      property "-moz-box-orient"

      '-moz-box-orient'?: Property.BoxOrient;
      • This is a property of the original CSS Flexible Box Layout Module draft, and has been replaced by a newer standard. See flexbox for information about the current standard.

        **Syntax**: horizontal | vertical | inline-axis | block-axis | inherit

        **Initial value**: inline-axis (horizontal in XUL)

        Deprecated

      property "-moz-box-pack"

      '-moz-box-pack'?: Property.BoxPack;
      • The **-moz-box-pack** and **-webkit-box-pack** CSS properties specify how a -moz-box or -webkit-box packs its contents in the direction of its layout. The effect of this is only visible if there is extra space in the box.

        **Syntax**: start | center | end | justify

        **Initial value**: start

        Deprecated

      property "-moz-box-shadow"

      '-moz-box-shadow'?: Property.BoxShadow;
      • The **box-shadow** CSS property adds shadow effects around an element's frame. You can set multiple effects separated by commas. A box shadow is described by X and Y offsets relative to the element, blur and spread radius, and color.

        **Syntax**: none | <shadow>#

        **Initial value**: none

        Deprecated

      property "-moz-float-edge"

      '-moz-float-edge'?: Property.MozFloatEdge;
      • The non-standard **-moz-float-edge** CSS property specifies whether the height and width properties of the element include the margin, border, or padding thickness.

        **Syntax**: border-box | content-box | margin-box | padding-box

        **Initial value**: content-box

        Deprecated

      property "-moz-force-broken-image-icon"

      '-moz-force-broken-image-icon'?: Property.MozForceBrokenImageIcon;
      • The **-moz-force-broken-image-icon** extended CSS property can be used to force the broken image icon to be shown even when a broken image has an alt attribute.

        **Syntax**: 0 | 1

        **Initial value**: 0

        Deprecated

      property "-moz-opacity"

      '-moz-opacity'?: Property.Opacity;
      • The **opacity** CSS property sets the opacity of an element. Opacity is the degree to which content behind an element is hidden, and is the opposite of transparency.

        **Syntax**: <alpha-value>

        **Initial value**: 1.0

        Deprecated

      property "-moz-outline-color"

      '-moz-outline-color'?: Property.OutlineColor;
      • The **outline-color** CSS property sets the color of an element's outline.

        **Syntax**: <color> | invert

        **Initial value**: invert, for browsers supporting it, currentColor for the other

        Deprecated

      property "-moz-outline-radius-bottomleft"

      '-moz-outline-radius-bottomleft'?: Property.MozOutlineRadiusBottomleft<TLength>;
      • In Mozilla applications, the **-moz-outline-radius-bottomleft** CSS property can be used to round the bottom-left corner of an element's outline.

        **Syntax**: <outline-radius>

        **Initial value**: 0

        Deprecated

      property "-moz-outline-radius-bottomright"

      '-moz-outline-radius-bottomright'?: Property.MozOutlineRadiusBottomright<TLength>;
      • In Mozilla applications, the **-moz-outline-radius-bottomright** CSS property can be used to round the bottom-right corner of an element's outline.

        **Syntax**: <outline-radius>

        **Initial value**: 0

        Deprecated

      property "-moz-outline-radius-topleft"

      '-moz-outline-radius-topleft'?: Property.MozOutlineRadiusTopleft<TLength>;
      • In Mozilla applications, the **-moz-outline-radius-topleft** CSS property can be used to round the top-left corner of an element's outline.

        **Syntax**: <outline-radius>

        **Initial value**: 0

        Deprecated

      property "-moz-outline-radius-topright"

      '-moz-outline-radius-topright'?: Property.MozOutlineRadiusTopright<TLength>;
      • In Mozilla applications, the **-moz-outline-radius-topright** CSS property can be used to round the top-right corner of an element's outline.

        **Syntax**: <outline-radius>

        **Initial value**: 0

        Deprecated

      property "-moz-outline-radius"

      '-moz-outline-radius'?: Property.MozOutlineRadius<TLength>;
      • In Mozilla applications like Firefox, the **-moz-outline-radius** CSS shorthand property can be used to give an element's outline rounded corners.

        **Syntax**: <outline-radius>{1,4} [ / <outline-radius>{1,4} ]?

        Deprecated

      property "-moz-outline-style"

      '-moz-outline-style'?: Property.OutlineStyle;
      • The **outline-style** CSS property sets the style of an element's outline. An outline is a line that is drawn around an element, outside the border.

        **Syntax**: auto | <'border-style'>

        **Initial value**: none

        Deprecated

      property "-moz-outline-width"

      '-moz-outline-width'?: Property.OutlineWidth<TLength>;
      • The CSS **outline-width** property sets the thickness of an element's outline. An outline is a line that is drawn around an element, outside the border.

        **Syntax**: <line-width>

        **Initial value**: medium

        Deprecated

      property "-moz-outline"

      '-moz-outline'?: Property.Outline<TLength>;
      • The **outline** CSS shorthand property set all the outline properties in a single declaration.

        **Syntax**: [ <'outline-color'> || <'outline-style'> || <'outline-width'> ]

        Deprecated

      property "-moz-text-align-last"

      '-moz-text-align-last'?: Property.TextAlignLast;
      • The **text-align-last** CSS property sets how the last line of a block or a line, right before a forced line break, is aligned.

        **Syntax**: auto | start | end | left | right | center | justify

        **Initial value**: auto

        Deprecated

      property "-moz-text-decoration-color"

      '-moz-text-decoration-color'?: Property.TextDecorationColor;
      • The **text-decoration-color** CSS property sets the color of decorations added to text by text-decoration-line.

        **Syntax**: <color>

        **Initial value**: currentcolor

        Deprecated

      property "-moz-text-decoration-line"

      '-moz-text-decoration-line'?: Property.TextDecorationLine;
      • The **text-decoration-line** CSS property sets the kind of decoration that is used on text in an element, such as an underline or overline.

        **Syntax**: none | [ underline || overline || line-through || blink ] | spelling-error | grammar-error

        **Initial value**: none

        Deprecated

      property "-moz-text-decoration-style"

      '-moz-text-decoration-style'?: Property.TextDecorationStyle;
      • The **text-decoration-style** CSS property sets the style of the lines specified by text-decoration-line. The style applies to all lines that are set with text-decoration-line.

        **Syntax**: solid | double | dotted | dashed | wavy

        **Initial value**: solid

        Deprecated

      property "-moz-user-input"

      '-moz-user-input'?: Property.MozUserInput;
      • In Mozilla applications, **-moz-user-input** determines if an element will accept user input.

        **Syntax**: auto | none | enabled | disabled

        **Initial value**: auto

        Deprecated

      property "-ms-ime-mode"

      '-ms-ime-mode'?: Property.ImeMode;
      • The **ime-mode** CSS property controls the state of the input method editor (IME) for text fields. This property is obsolete.

        **Syntax**: auto | normal | active | inactive | disabled

        **Initial value**: auto

        Deprecated

      property "-ms-scrollbar-track-color"

      '-ms-scrollbar-track-color'?: Property.MsScrollbarTrackColor;
      • The **-ms-scrollbar-track-color** CSS property is a Microsoft extension that specifies the color of the track element of a scrollbar.

        **Syntax**: <color>

        **Initial value**: Scrollbar

        Deprecated

      property "-o-animation-delay"

      '-o-animation-delay'?: Property.AnimationDelay<TTime>;
      • The **animation-delay** CSS property specifies the amount of time to wait from applying the animation to an element before beginning to perform the animation. The animation can start later, immediately from its beginning, or immediately and partway through the animation.

        **Syntax**: <time>#

        **Initial value**: 0s

        Deprecated

      property "-o-animation-direction"

      '-o-animation-direction'?: Property.AnimationDirection;
      • The **animation-direction** CSS property sets whether an animation should play forward, backward, or alternate back and forth between playing the sequence forward and backward.

        **Syntax**: <single-animation-direction>#

        **Initial value**: normal

        Deprecated

      property "-o-animation-duration"

      '-o-animation-duration'?: Property.AnimationDuration<TTime>;
      • The **animation-duration** CSS property sets the length of time that an animation takes to complete one cycle.

        **Syntax**: <time>#

        **Initial value**: 0s

        Deprecated

      property "-o-animation-fill-mode"

      '-o-animation-fill-mode'?: Property.AnimationFillMode;
      • The **animation-fill-mode** CSS property sets how a CSS animation applies styles to its target before and after its execution.

        **Syntax**: <single-animation-fill-mode>#

        **Initial value**: none

        Deprecated

      property "-o-animation-iteration-count"

      '-o-animation-iteration-count'?: Property.AnimationIterationCount;
      • The **animation-iteration-count** CSS property sets the number of times an animation sequence should be played before stopping.

        **Syntax**: <single-animation-iteration-count>#

        **Initial value**: 1

        Deprecated

      property "-o-animation-name"

      '-o-animation-name'?: Property.AnimationName;
      • The **animation-name** CSS property specifies the names of one or more @keyframes at-rules describing the animation or animations to apply to the element.

        **Syntax**: [ none | <keyframes-name> ]#

        **Initial value**: none

        Deprecated

      property "-o-animation-play-state"

      '-o-animation-play-state'?: Property.AnimationPlayState;
      • The **animation-play-state** CSS property sets whether an animation is running or paused.

        **Syntax**: <single-animation-play-state>#

        **Initial value**: running

        Deprecated

      property "-o-animation-timing-function"

      '-o-animation-timing-function'?: Property.AnimationTimingFunction;
      • The **animation-timing-function** CSS property sets how an animation progresses through the duration of each cycle.

        **Syntax**: <easing-function>#

        **Initial value**: ease

        Deprecated

      property "-o-animation"

      '-o-animation'?: Property.Animation<TTime>;
      • 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.

        **Syntax**: <single-animation>#

        Deprecated

      property "-o-background-size"

      '-o-background-size'?: Property.BackgroundSize<TLength>;
      • The **background-size** CSS property sets the size of the element's background image. The image can be left to its natural size, stretched, or constrained to fit the available space.

        **Syntax**: <bg-size>#

        **Initial value**: auto auto

        Deprecated

      property "-o-border-image"

      '-o-border-image'?: Property.BorderImage;
      • The **border-image** CSS property draws an image around a given element. It replaces the element's regular border.

        **Syntax**: <'border-image-source'> || <'border-image-slice'> [ / <'border-image-width'> | / <'border-image-width'>? / <'border-image-outset'> ]? || <'border-image-repeat'>

        Deprecated

      property "-o-object-fit"

      '-o-object-fit'?: Property.ObjectFit;
      • The **object-fit** CSS property sets how the content of a replaced element, such as an <img> or <video>, should be resized to fit its container.

        **Syntax**: fill | contain | cover | none | scale-down

        **Initial value**: fill

        Deprecated

      property "-o-object-position"

      '-o-object-position'?: Property.ObjectPosition<TLength>;
      • The **object-position** CSS property specifies the alignment of the selected replaced element's contents within the element's box. Areas of the box which aren't covered by the replaced element's object will show the element's background.

        **Syntax**: <position>

        **Initial value**: 50% 50%

        Deprecated

      property "-o-tab-size"

      '-o-tab-size'?: Property.TabSize<TLength>;
      • The **tab-size** CSS property is used to customize the width of tab characters (U+0009).

        **Syntax**: <integer> | <length>

        **Initial value**: 8

        Deprecated

      property "-o-text-overflow"

      '-o-text-overflow'?: Property.TextOverflow;
      • The **text-overflow** CSS property sets how hidden overflow content is signaled to users. It can be clipped, display an ellipsis (''), or display a custom string.

        **Syntax**: [ clip | ellipsis | <string> ]{1,2}

        **Initial value**: clip

        Deprecated

      property "-o-transform-origin"

      '-o-transform-origin'?: Property.TransformOrigin<TLength>;
      • The **transform-origin** CSS property sets the origin for an element's transformations.

        **Syntax**: [ <length-percentage> | left | center | right | top | bottom ] | [ [ <length-percentage> | left | center | right ] && [ <length-percentage> | top | center | bottom ] ] <length>?

        **Initial value**: 50% 50% 0

        Deprecated

      property "-o-transform"

      '-o-transform'?: Property.Transform;
      • The **transform** CSS property lets you rotate, scale, skew, or translate an element. It modifies the coordinate space of the CSS visual formatting model.

        **Syntax**: none | <transform-list>

        **Initial value**: none

        Deprecated

      property "-o-transition-delay"

      '-o-transition-delay'?: Property.TransitionDelay<TTime>;
      • The **transition-delay** CSS property specifies the duration to wait before starting a property's transition effect when its value changes.

        **Syntax**: <time>#

        **Initial value**: 0s

        Deprecated

      property "-o-transition-duration"

      '-o-transition-duration'?: Property.TransitionDuration<TTime>;
      • The **transition-duration** CSS property sets the length of time a transition animation should take to complete. By default, the value is 0s, meaning that no animation will occur.

        **Syntax**: <time>#

        **Initial value**: 0s

        Deprecated

      property "-o-transition-property"

      '-o-transition-property'?: Property.TransitionProperty;
      • The **transition-property** CSS property sets the CSS properties to which a transition effect should be applied.

        **Syntax**: none | <single-transition-property>#

        **Initial value**: all

        Deprecated

      property "-o-transition-timing-function"

      '-o-transition-timing-function'?: Property.TransitionTimingFunction;
      • The **transition-timing-function** CSS property sets how intermediate values are calculated for CSS properties being affected by a transition effect.

        **Syntax**: <easing-function>#

        **Initial value**: ease

        Deprecated

      property "-o-transition"

      '-o-transition'?: Property.Transition<TTime>;
      • The **transition** CSS property is a shorthand property for transition-property, transition-duration, transition-timing-function, and transition-delay.

        **Syntax**: <single-transition>#

        Deprecated

      property "-webkit-box-align"

      '-webkit-box-align'?: Property.BoxAlign;
      • The **box-align** CSS property specifies how an element aligns its contents across its layout in a perpendicular direction. The effect of the property is only visible if there is extra space in the box.

        **Syntax**: start | center | end | baseline | stretch

        **Initial value**: stretch

        Deprecated

      property "-webkit-box-direction"

      '-webkit-box-direction'?: Property.BoxDirection;
      • The **box-direction** CSS property specifies whether a box lays out its contents normally (from the top or left edge), or in reverse (from the bottom or right edge).

        **Syntax**: normal | reverse | inherit

        **Initial value**: normal

        Deprecated

      property "-webkit-box-flex-group"

      '-webkit-box-flex-group'?: Property.BoxFlexGroup;
      • The **box-flex-group** CSS property assigns the flexbox's child elements to a flex group.

        **Syntax**: <integer>

        **Initial value**: 1

        Deprecated

      property "-webkit-box-flex"

      '-webkit-box-flex'?: Property.BoxFlex;
      • The **-moz-box-flex** and **-webkit-box-flex** CSS properties specify how a -moz-box or -webkit-box grows to fill the box that contains it, in the direction of the containing box's layout.

        **Syntax**: <number>

        **Initial value**: 0

        Deprecated

      property "-webkit-box-lines"

      '-webkit-box-lines'?: Property.BoxLines;
      • The **box-lines** CSS property determines whether the box may have a single or multiple lines (rows for horizontally oriented boxes, columns for vertically oriented boxes).

        **Syntax**: single | multiple

        **Initial value**: single

        Deprecated

      property "-webkit-box-ordinal-group"

      '-webkit-box-ordinal-group'?: Property.BoxOrdinalGroup;
      • The **box-ordinal-group** CSS property assigns the flexbox's child elements to an ordinal group.

        **Syntax**: <integer>

        **Initial value**: 1

        Deprecated

      property "-webkit-box-orient"

      '-webkit-box-orient'?: Property.BoxOrient;
      • This is a property of the original CSS Flexible Box Layout Module draft, and has been replaced by a newer standard. See flexbox for information about the current standard.

        **Syntax**: horizontal | vertical | inline-axis | block-axis | inherit

        **Initial value**: inline-axis (horizontal in XUL)

        Deprecated

      property "-webkit-box-pack"

      '-webkit-box-pack'?: Property.BoxPack;
      • The **-moz-box-pack** and **-webkit-box-pack** CSS properties specify how a -moz-box or -webkit-box packs its contents in the direction of its layout. The effect of this is only visible if there is extra space in the box.

        **Syntax**: start | center | end | justify

        **Initial value**: start

        Deprecated

      property "-webkit-scroll-snap-points-x"

      '-webkit-scroll-snap-points-x'?: Property.ScrollSnapPointsX;
      • The **scroll-snap-points-x** CSS property defines the horizontal positioning of snap points within the content of the scroll container they are applied to.

        **Syntax**: none | repeat( <length-percentage> )

        **Initial value**: none

        Deprecated

      property "-webkit-scroll-snap-points-y"

      '-webkit-scroll-snap-points-y'?: Property.ScrollSnapPointsY;
      • The **scroll-snap-points-y** CSS property defines the vertical positioning of snap points within the content of the scroll container they are applied to.

        **Syntax**: none | repeat( <length-percentage> )

        **Initial value**: none

        Deprecated

      property "box-align"

      'box-align'?: Property.BoxAlign;
      • The **box-align** CSS property specifies how an element aligns its contents across its layout in a perpendicular direction. The effect of the property is only visible if there is extra space in the box.

        **Syntax**: start | center | end | baseline | stretch

        **Initial value**: stretch

        Deprecated

      property "box-direction"

      'box-direction'?: Property.BoxDirection;
      • The **box-direction** CSS property specifies whether a box lays out its contents normally (from the top or left edge), or in reverse (from the bottom or right edge).

        **Syntax**: normal | reverse | inherit

        **Initial value**: normal

        Deprecated

      property "box-flex-group"

      'box-flex-group'?: Property.BoxFlexGroup;
      • The **box-flex-group** CSS property assigns the flexbox's child elements to a flex group.

        **Syntax**: <integer>

        **Initial value**: 1

        Deprecated

      property "box-flex"

      'box-flex'?: Property.BoxFlex;
      • The **-moz-box-flex** and **-webkit-box-flex** CSS properties specify how a -moz-box or -webkit-box grows to fill the box that contains it, in the direction of the containing box's layout.

        **Syntax**: <number>

        **Initial value**: 0

        Deprecated

      property "box-lines"

      'box-lines'?: Property.BoxLines;
      • The **box-lines** CSS property determines whether the box may have a single or multiple lines (rows for horizontally oriented boxes, columns for vertically oriented boxes).

        **Syntax**: single | multiple

        **Initial value**: single

        Deprecated

      property "box-ordinal-group"

      'box-ordinal-group'?: Property.BoxOrdinalGroup;
      • The **box-ordinal-group** CSS property assigns the flexbox's child elements to an ordinal group.

        **Syntax**: <integer>

        **Initial value**: 1

        Deprecated

      property "box-orient"

      'box-orient'?: Property.BoxOrient;
      • This is a property of the original CSS Flexible Box Layout Module draft, and has been replaced by a newer standard. See flexbox for information about the current standard.

        **Syntax**: horizontal | vertical | inline-axis | block-axis | inherit

        **Initial value**: inline-axis (horizontal in XUL)

        Deprecated

      property "box-pack"

      'box-pack'?: Property.BoxPack;
      • The **-moz-box-pack** and **-webkit-box-pack** CSS properties specify how a -moz-box or -webkit-box packs its contents in the direction of its layout. The effect of this is only visible if there is extra space in the box.

        **Syntax**: start | center | end | justify

        **Initial value**: start

        Deprecated

      property "font-variant-alternates"

      'font-variant-alternates'?: Property.FontVariantAlternates;
      • The **font-variant-alternates** CSS property controls the usage of alternate glyphs. These alternate glyphs may be referenced by alternative names defined in @font-feature-values.

        **Syntax**: normal | [ stylistic( <feature-value-name> ) || historical-forms || styleset( <feature-value-name># ) || character-variant( <feature-value-name># ) || swash( <feature-value-name> ) || ornaments( <feature-value-name> ) || annotation( <feature-value-name> ) ]

        **Initial value**: normal

        Deprecated

      property "grid-column-gap"

      'grid-column-gap'?: Property.GridColumnGap<TLength>;
      • The **column-gap** CSS property sets the size of the gap (gutter) between an element's columns.

        **Syntax**: <length-percentage>

        **Initial value**: 0

        Deprecated

      property "grid-gap"

      'grid-gap'?: Property.GridGap<TLength>;
      • The **gap** CSS property sets the gaps (gutters) between rows and columns. It is a shorthand for row-gap and column-gap.

        **Syntax**: <'grid-row-gap'> <'grid-column-gap'>?

        Deprecated

      property "grid-row-gap"

      'grid-row-gap'?: Property.GridRowGap<TLength>;
      • The **row-gap** CSS property sets the size of the gap (gutter) between an element's grid rows.

        **Syntax**: <length-percentage>

        **Initial value**: 0

        Deprecated

      property "ime-mode"

      'ime-mode'?: Property.ImeMode;
      • The **ime-mode** CSS property controls the state of the input method editor (IME) for text fields. This property is obsolete.

        **Syntax**: auto | normal | active | inactive | disabled

        **Initial value**: auto

        Deprecated

      property "offset-block-end"

      'offset-block-end'?: Property.InsetBlockEnd<TLength>;
      • The **inset-block-end** CSS property defines the logical block end offset of an element, which maps to a physical inset depending on the element's writing mode, directionality, and text orientation. It corresponds to the top, right, bottom, or left property depending on the values defined for writing-mode, direction, and text-orientation.

        **Syntax**: <'top'>

        **Initial value**: auto

        Deprecated

      property "offset-block-start"

      'offset-block-start'?: Property.InsetBlockStart<TLength>;
      • The **inset-block-start** CSS property defines the logical block start offset of an element, which maps to a physical inset depending on the element's writing mode, directionality, and text orientation. It corresponds to the top, right, bottom, or left property depending on the values defined for writing-mode, direction, and text-orientation.

        **Syntax**: <'top'>

        **Initial value**: auto

        Deprecated

      property "offset-block"

      'offset-block'?: Property.InsetBlock<TLength>;
      • The **inset-inline** CSS property defines the logical start and end offsets of an element in the inline direction, which maps to physical offsets depending on the element's writing mode, directionality, and text orientation. It corresponds to the top and bottom, or right and left properties depending on the values defined for writing-mode, direction, and text-orientation.

        **Syntax**: <'top'>{1,2}

        **Initial value**: auto

        Deprecated

      property "offset-inline-end"

      'offset-inline-end'?: Property.InsetInlineEnd<TLength>;
      • The **inset-inline-end** CSS property defines the logical inline end inset of an element, which maps to a physical offset depending on the element's writing mode, directionality, and text orientation. It corresponds to the top, right, bottom, or left property depending on the values defined for writing-mode, direction, and text-orientation.

        **Syntax**: <'top'>

        **Initial value**: auto

        Deprecated

      property "offset-inline-start"

      'offset-inline-start'?: Property.InsetInlineStart<TLength>;
      • The **inset-inline-start** CSS property defines the logical inline start inset of an element, which maps to a physical offset depending on the element's writing mode, directionality, and text orientation. It corresponds to the top, right, bottom, or left property depending on the values defined for writing-mode, direction, and text-orientation.

        **Syntax**: <'top'>

        **Initial value**: auto

        Deprecated

      property "offset-inline"

      'offset-inline'?: Property.InsetInline<TLength>;
      • The **inset-inline** CSS property defines the logical start and end offsets of an element in the inline direction, which maps to physical offsets depending on the element's writing mode, directionality, and text orientation. It corresponds to the top and bottom, or right and left properties depending on the values defined for writing-mode, direction, and text-orientation.

        **Syntax**: <'top'>{1,2}

        **Initial value**: auto

        Deprecated

      property "scroll-snap-coordinate"

      'scroll-snap-coordinate'?: Property.ScrollSnapCoordinate<TLength>;
      • The **scroll-snap-coordinate** CSS property defines the x and y coordinate positions within an element that will align with its nearest ancestor scroll container's scroll-snap-destination for each respective axis.

        **Syntax**: none | <position>#

        **Initial value**: none

        Deprecated

      property "scroll-snap-destination"

      'scroll-snap-destination'?: Property.ScrollSnapDestination<TLength>;
      • The **scroll-snap-destination** CSS property defines the position in x and y coordinates within the scroll container's visual viewport which element snap points align with.

        **Syntax**: <position>

        **Initial value**: 0px 0px

        Deprecated

      property "scroll-snap-points-x"

      'scroll-snap-points-x'?: Property.ScrollSnapPointsX;
      • The **scroll-snap-points-x** CSS property defines the horizontal positioning of snap points within the content of the scroll container they are applied to.

        **Syntax**: none | repeat( <length-percentage> )

        **Initial value**: none

        Deprecated

      property "scroll-snap-points-y"

      'scroll-snap-points-y'?: Property.ScrollSnapPointsY;
      • The **scroll-snap-points-y** CSS property defines the vertical positioning of snap points within the content of the scroll container they are applied to.

        **Syntax**: none | repeat( <length-percentage> )

        **Initial value**: none

        Deprecated

      property "scroll-snap-type-x"

      'scroll-snap-type-x'?: Property.ScrollSnapTypeX;
      • The **scroll-snap-type-x** CSS property defines how strictly snap points are enforced on the horizontal axis of the scroll container in case there is one.

        **Syntax**: none | mandatory | proximity

        **Initial value**: none

        Deprecated

      property "scroll-snap-type-y"

      'scroll-snap-type-y'?: Property.ScrollSnapTypeY;
      • The **scroll-snap-type-y** CSS property defines how strictly snap points are enforced on the vertical axis of the scroll container in case there is one.

        **Syntax**: none | mandatory | proximity

        **Initial value**: none

        Deprecated

      property "scrollbar-track-color"

      'scrollbar-track-color'?: Property.MsScrollbarTrackColor;
      • The **-ms-scrollbar-track-color** CSS property is a Microsoft extension that specifies the color of the track element of a scrollbar.

        **Syntax**: <color>

        **Initial value**: Scrollbar

        Deprecated

      property azimuth

      azimuth?: Property.Azimuth;
      • In combination with elevation, the **azimuth** CSS property enables different audio sources to be positioned spatially for aural presentation. This is important in that it provides a natural way to tell several voices apart, as each can be positioned to originate at a different location on the sound stage. Stereo output produce a lateral sound stage, while binaural headphones and multi-speaker setups allow for a fully three-dimensional stage.

        **Syntax**: <angle> | [ [ left-side | far-left | left | center-left | center | center-right | right | far-right | right-side ] || behind ] | leftwards | rightwards

        **Initial value**: center

        Deprecated

      property clip

      clip?: Property.Clip;
      • The **clip** CSS property defines a visible portion of an element. The clip property applies only to absolutely positioned elements — that is, elements with position:absolute or position:fixed.

        **Syntax**: <shape> | auto

        **Initial value**: auto

        Deprecated

      interface Properties

      interface Properties<TLength = (string & {}) | 0, TTime = string & {}>
      extends StandardProperties<TLength, TTime>,
      VendorProperties<TLength, TTime>,
      ObsoleteProperties<TLength, TTime>,
      SvgProperties<TLength, TTime> {}

        interface PropertiesFallback

        interface PropertiesFallback<TLength = (string & {}) | 0, TTime = string & {}>
        extends StandardPropertiesFallback<TLength, TTime>,
        VendorPropertiesFallback<TLength, TTime>,
        ObsoletePropertiesFallback<TLength, TTime>,
        SvgPropertiesFallback<TLength, TTime> {}

          interface PropertiesHyphen

          interface PropertiesHyphen<TLength = (string & {}) | 0, TTime = string & {}>
          extends StandardPropertiesHyphen<TLength, TTime>,
          VendorPropertiesHyphen<TLength, TTime>,
          ObsoletePropertiesHyphen<TLength, TTime>,
          SvgPropertiesHyphen<TLength, TTime> {}

            interface PropertiesHyphenFallback

            interface PropertiesHyphenFallback<TLength = (string & {}) | 0, TTime = string & {}>
            extends StandardPropertiesHyphenFallback<TLength, TTime>,
            VendorPropertiesHyphenFallback<TLength, TTime>,
            ObsoletePropertiesHyphenFallback<TLength, TTime>,
            SvgPropertiesHyphenFallback<TLength, TTime> {}

              interface StandardLonghandProperties

              interface StandardLonghandProperties<
              TLength = (string & {}) | 0,
              TTime = string & {}
              > {}

                property accentColor

                accentColor?: Property.AccentColor;
                • The **accent-color** CSS property sets the color of the elements accent. An accent appears in elements such as <input> of type="checkbox", or type="radio".

                  **Syntax**: auto | <color>

                  **Initial value**: auto

                  | Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **93** | **92** | No | **93** | No |

                  See Also

                  • https://developer.mozilla.org/docs/Web/CSS/accent-color

                property alignContent

                alignContent?: Property.AlignContent;
                • The CSS **align-content** property sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis.

                  **Syntax**: normal | <baseline-position> | <content-distribution> | <overflow-position>? <content-position>

                  **Initial value**: normal

                  ---

                  _Supported in Flex Layout_

                  | Chrome | Firefox | Safari | Edge | IE | | :------: | :-----: | :-----: | :----: | :----: | | **29** | **28** | **9** | **12** | **11** | | 21 _-x-_ | | 7 _-x-_ | | |

                  ---

                  _Supported in Grid Layout_

                  | Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **57** | **52** | **10.1** | **16** | No |

                  ---

                  See Also

                  • https://developer.mozilla.org/docs/Web/CSS/align-content

                property alignItems

                alignItems?: Property.AlignItems;
                • The CSS **align-items** property sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area.

                  **Syntax**: normal | stretch | <baseline-position> | [ <overflow-position>? <self-position> ]

                  **Initial value**: normal

                  ---

                  _Supported in Flex Layout_

                  | Chrome | Firefox | Safari | Edge | IE | | :------: | :-----: | :-----: | :----: | :----: | | **52** | **20** | **9** | **12** | **11** | | 21 _-x-_ | | 7 _-x-_ | | |

                  ---

                  _Supported in Grid Layout_

                  | Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **57** | **52** | **10.1** | **16** | No |

                  ---

                  See Also

                  • https://developer.mozilla.org/docs/Web/CSS/align-items

                property alignSelf

                alignSelf?: Property.AlignSelf;
                • The **align-self** CSS property overrides a grid or flex item's align-items value. In Grid, it aligns the item inside the grid area. In Flexbox, it aligns the item on the cross axis.

                  **Syntax**: auto | normal | stretch | <baseline-position> | <overflow-position>? <self-position>

                  **Initial value**: auto

                  ---

                  _Supported in Flex Layout_

                  | Chrome | Firefox | Safari | Edge | IE | | :------: | :-----: | :-------: | :----: | :----: | | **36** | **20** | **9** | **12** | **11** | | 21 _-x-_ | | 6.1 _-x-_ | | |

                  ---

                  _Supported in Grid Layout_

                  | Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :----------: | | **57** | **52** | **10.1** | **16** | **10** _-x-_ |

                  ---

                  See Also

                  • https://developer.mozilla.org/docs/Web/CSS/align-self

                property alignTracks

                alignTracks?: Property.AlignTracks;
                • The **align-tracks** CSS property sets the alignment in the masonry axis for grid containers that have masonry in their block axis.

                  **Syntax**: [ normal | <baseline-position> | <content-distribution> | <overflow-position>? <content-position> ]#

                  **Initial value**: normal

                  | Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :--: | :-: | | No | n/a | No | No | No |

                  See Also

                  • https://developer.mozilla.org/docs/Web/CSS/align-tracks

                property animationDelay

                animationDelay?: Property.AnimationDelay<TTime>;
                • The **animation-delay** CSS property specifies the amount of time to wait from applying the animation to an element before beginning to perform the animation. The animation can start later, immediately from its beginning, or immediately and partway through the animation.

                  **Syntax**: <time>#

                  **Initial value**: 0s

                  | Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-----: | :----: | :----: | | **43** | **16** | **9** | **12** | **10** | | 3 _-x-_ | 5 _-x-_ | 4 _-x-_ | | |

                  See Also

                  • https://developer.mozilla.org/docs/Web/CSS/animation-delay

                property animationDirection

                animationDirection?: Property.AnimationDirection;
                • The **animation-direction** CSS property sets whether an animation should play forward, backward, or alternate back and forth between playing the sequence forward and backward.

                  **Syntax**: <single-animation-direction>#

                  **Initial value**: normal

                  | Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-----: | :----: | :----: | | **43** | **16** | **9** | **12** | **10** | | 3 _-x-_ | 5 _-x-_ | 4 _-x-_ | | |

                  See Also

                  • https://developer.mozilla.org/docs/Web/CSS/animation-direction

                property animationDuration

                animationDuration?: Property.AnimationDuration<TTime>;
                • The **animation-duration** CSS property sets the length of time that an animation takes to complete one cycle.

                  **Syntax**: <time>#

                  **Initial value**: 0s

                  | Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-----: | :----: | :----: | | **43** | **16** | **9** | **12** | **10** | | 3 _-x-_ | 5 _-x-_ | 4 _-x-_ | | |

                  See Also

                  • https://developer.mozilla.org/docs/Web/CSS/animation-duration

                property animationFillMode

                animationFillMode?: Property.AnimationFillMode;
                • The **animation-fill-mode** CSS property sets how a CSS animation applies styles to its target before and after its execution.

                  **Syntax**: <single-animation-fill-mode>#

                  **Initial value**: none

                  | Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-----: | :----: | :----: | | **43** | **16** | **9** | **12** | **10** | | 3 _-x-_ | 5 _-x-_ | 5 _-x-_ | | |

                  See Also

                  • https://developer.mozilla.org/docs/Web/CSS/animation-fill-mode

                property animationIterationCount

                animationIterationCount?: Property.AnimationIterationCount;
                • The **animation-iteration-count** CSS property sets the number of times an animation sequence should be played before stopping.

                  **Syntax**: <single-animation-iteration-count>#

                  **Initial value**: 1

                  | Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-----: | :----: | :----: | | **43** | **16** | **9** | **12** | **10** | | 3 _-x-_ | 5 _-x-_ | 4 _-x-_ | | |

                  See Also

                  • https://developer.mozilla.org/docs/Web/CSS/animation-iteration-count

                property animationName

                animationName?: Property.AnimationName;
                • The **animation-name** CSS property specifies the names of one or more @keyframes at-rules describing the animation or animations to apply to the element.

                  **Syntax**: [ none | <keyframes-name> ]#

                  **Initial value**: none

                  | Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-----: | :----: | :----: | | **43** | **16** | **9** | **12** | **10** | | 3 _-x-_ | 5 _-x-_ | 4 _-x-_ | | |

                  See Also

                  • https://developer.mozilla.org/docs/Web/CSS/animation-name

                property animationPlayState

                animationPlayState?: Property.AnimationPlayState;
                • The **animation-play-state** CSS property sets whether an animation is running or paused.

                  **Syntax**: <single-animation-play-state>#

                  **Initial value**: running

                  | Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-----: | :----: | :----: | | **43** | **16** | **9** | **12** | **10** | | 3 _-x-_ | 5 _-x-_ | 4 _-x-_ | | |

                  See Also

                  • https://developer.mozilla.org/docs/Web/CSS/animation-play-state

                property animationTimingFunction

                animationTimingFunction?: Property.AnimationTimingFunction;
                • The **animation-timing-function** CSS property sets how an animation progresses through the duration of each cycle.

                  **Syntax**: <easing-function>#

                  **Initial value**: ease

                  | Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-----: | :----: | :----: | | **43** | **16** | **9** | **12** | **10** | | 3 _-x-_ | 5 _-x-_ | 4 _-x-_ | | |

                  See Also

                  • https://developer.mozilla.org/docs/Web/CSS/animation-timing-function

                property appearance

                appearance?: Property.Appearance;
                • The **appearance** CSS property is used to display an element using platform-native styling, based on the operating system's theme. The **-moz-appearance** and **-webkit-appearance** properties are non-standard versions of this property, used (respectively) by Gecko (Firefox) and by WebKit-based (e.g., Safari) and Blink-based (e.g., Chrome, Opera) browsers to achieve the same thing. Note that Firefox and Edge also support **-webkit-appearance**, for compatibility reasons.

                  **Syntax**: none | auto | textfield | menulist-button | <compat-auto>

                  **Initial value**: auto

                  | Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :---------: | :------: | :-: | | **84** | **80** | **3** _-x-_ | **84** | No | | 1 _-x-_ | 1 _-x-_ | | 12 _-x-_ | |

                  See Also

                  • https://developer.mozilla.org/docs/Web/CSS/appearance

                property aspectRatio

                aspectRatio?: Property.AspectRatio;
                • The **aspect-ratio** CSS property sets a **preferred aspect ratio** for the box, which will be used in the calculation of auto sizes and some other layout functions.

                  **Syntax**: auto | <ratio>

                  **Initial value**: auto

                  | Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **88** | **89** | **15** | **88** | No |

                  See Also

                  • https://developer.mozilla.org/docs/Web/CSS/aspect-ratio

                property backdropFilter

                backdropFilter?: Property.BackdropFilter;
                • The **backdrop-filter** CSS property lets you apply graphical effects such as blurring or color shifting to the area behind an element. Because it applies to everything _behind_ the element, to see the effect you must make the element or its background at least partially transparent.

                  **Syntax**: none | <filter-function-list>

                  **Initial value**: none

                  | Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :---------: | :----: | :-: | | **76** | n/a | **9** _-x-_ | **17** | No |

                  See Also

                  • https://developer.mozilla.org/docs/Web/CSS/backdrop-filter

                property backfaceVisibility

                backfaceVisibility?: Property.BackfaceVisibility;
                • The **backface-visibility** CSS property sets whether the back face of an element is visible when turned towards the user.

                  **Syntax**: visible | hidden

                  **Initial value**: visible

                  | Chrome | Firefox | Safari | Edge | IE | | :------: | :------: | :-----------: | :----: | :----: | | **36** | **16** | **5.1** _-x-_ | **12** | **10** | | 12 _-x-_ | 10 _-x-_ | | | |

                  See Also

                  • https://developer.mozilla.org/docs/Web/CSS/backface-visibility

                property backgroundAttachment

                backgroundAttachment?: Property.BackgroundAttachment;
                • The **background-attachment** CSS property sets whether a background image's position is fixed within the viewport, or scrolls with its containing block.

                  **Syntax**: <attachment>#

                  **Initial value**: scroll

                  | Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |

                  See Also

                  • https://developer.mozilla.org/docs/Web/CSS/background-attachment

                property backgroundBlendMode

                backgroundBlendMode?: Property.BackgroundBlendMode;
                • The **background-blend-mode** CSS property sets how an element's background images should blend with each other and with the element's background color.

                  **Syntax**: <blend-mode>#

                  **Initial value**: normal

                  | Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **35** | **30** | **8** | **79** | No |

                  See Also

                  • https://developer.mozilla.org/docs/Web/CSS/background-blend-mode

                property backgroundClip

                backgroundClip?: Property.BackgroundClip;
                • The **background-clip** CSS property sets whether an element's background extends underneath its border box, padding box, or content box.

                  **Syntax**: <box>#

                  **Initial value**: border-box

                  | Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :---------: | :----: | :---: | | **1** | **4** | **3** _-x-_ | **12** | **9** |

                  See Also

                  • https://developer.mozilla.org/docs/Web/CSS/background-clip

                property backgroundColor

                backgroundColor?: Property.BackgroundColor;
                • The **background-color** CSS property sets the background color of an element.

                  **Syntax**: <color>

                  **Initial value**: transparent

                  | Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |

                  See Also

                  • https://developer.mozilla.org/docs/Web/CSS/background-color

                property backgroundImage

                backgroundImage?: Property.BackgroundImage;
                • The **background-image** CSS property sets one or more background images on an element.

                  **Syntax**: <bg-image>#

                  **Initial value**: none

                  | Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |

                  See Also

                  • https://developer.mozilla.org/docs/Web/CSS/background-image

                property backgroundOrigin

                backgroundOrigin?: Property.BackgroundOrigin;
                • The **background-origin** CSS property sets the background's origin: from the border start, inside the border, or inside the padding.

                  **Syntax**: <box>#

                  **Initial value**: padding-box

                  | Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **4** | **3** | **12** | **9** |

                  See Also

                  • https://developer.mozilla.org/docs/Web/CSS/background-origin

                property backgroundPositionX

                backgroundPositionX?: Property.BackgroundPositionX<TLength>;
                • The **background-position-x** CSS property sets the initial horizontal position for each background image. The position is relative to the position layer set by background-origin.

                  **Syntax**: [ center | [ [ left | right | x-start | x-end ]? <length-percentage>? ]! ]#

                  **Initial value**: left

                  | Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **49** | **1** | **12** | **6** |

                  See Also

                  • https://developer.mozilla.org/docs/Web/CSS/background-position-x

                property backgroundPositionY

                backgroundPositionY?: Property.BackgroundPositionY<TLength>;
                • The **background-position-y** CSS property sets the initial vertical position for each background image. The position is relative to the position layer set by background-origin.

                  **Syntax**: [ center | [ [ top | bottom | y-start | y-end ]? <length-percentage>? ]! ]#

                  **Initial value**: top

                  | Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **49** | **1** | **12** | **6** |

                  See Also

                  • https://developer.mozilla.org/docs/Web/CSS/background-position-y

                property backgroundRepeat

                backgroundRepeat?: Property.BackgroundRepeat;
                • The **background-repeat** CSS property sets how background images are repeated. A background image can be repeated along the horizontal and vertical axes, or not repeated at all.

                  **Syntax**: <repeat-style>#

                  **Initial value**: repeat

                  | Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |

                  See Also

                  • https://developer.mozilla.org/docs/Web/CSS/background-repeat

                property backgroundSize

                backgroundSize?: Property.BackgroundSize<TLength>;
                • The **background-size** CSS property sets the size of the element's background image. The image can be left to its natural size, stretched, or constrained to fit the available space.

                  **Syntax**: <bg-size>#

                  **Initial value**: auto auto

                  | Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-----: | :----: | :---: | | **3** | **4** | **5** | **12** | **9** | | 1 _-x-_ | | 3 _-x-_ | | |

                  See Also

                  • https://developer.mozilla.org/docs/Web/CSS/background-size

                property blockOverflow

                blockOverflow?: Property.BlockOverflow;
                • **Syntax**: clip | ellipsis | <string>

                  **Initial value**: clip

                property blockSize

                blockSize?: Property.BlockSize<TLength>;
                • The **block-size** CSS property defines the horizontal or vertical size of an element's block, depending on its writing mode. It corresponds to either the width or the height property, depending on the value of writing-mode.

                  **Syntax**: <'width'>

                  **Initial value**: auto

                  | Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **57** | **41** | **12.1** | **79** | No |

                  See Also

                  • https://developer.mozilla.org/docs/Web/CSS/block-size

                property borderBlockColor

                borderBlockColor?: Property.BorderBlockColor;
                • The **border-block-color** CSS property defines the color of the logical block borders of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-color and border-bottom-color, or border-right-color and border-left-color property depending on the values defined for writing-mode, direction, and text-orientation.

                  **Syntax**: <'border-top-color'>{1,2}

                  **Initial value**: currentcolor

                  | Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **66** | **14.1** | **87** | No |

                  See Also

                  • https://developer.mozilla.org/docs/Web/CSS/border-block-color

                property borderBlockEndColor

                borderBlockEndColor?: Property.BorderBlockEndColor;
                • The **border-block-end-color** CSS property defines the color of the logical block-end border of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-color, border-right-color, border-bottom-color, or border-left-color property depending on the values defined for writing-mode, direction, and text-orientation.

                  **Syntax**: <'border-top-color'>

                  **Initial value**: currentcolor

                  | Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No |

                  See Also

                  • https://developer.mozilla.org/docs/Web/CSS/border-block-end-color

                property borderBlockEndStyle

                borderBlockEndStyle?: Property.BorderBlockEndStyle;
                • The **border-block-end-style** CSS property defines the style of the logical block-end border of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-style, border-right-style, border-bottom-style, or border-left-style property depending on the values defined for writing-mode, direction, and text-orientation.

                  **Syntax**: <'border-top-style'>

                  **Initial value**: none

                  | Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No |

                  See Also

                  • https://developer.mozilla.org/docs/Web/CSS/border-block-end-style

                property borderBlockEndWidth

                borderBlockEndWidth?: Property.BorderBlockEndWidth<TLength>;
                • The **border-block-end-width** CSS proper