import { StringHack, BoxAlignProperty, BoxDirectionProperty, BoxFlexProperty, BoxFlexGroupProperty, BoxLinesProperty, BoxOrdinalGroupProperty, BoxOrientProperty, BoxPackProperty, ClipProperty, FontVariantAlternatesProperty, GridColumnGapProperty, GridGapProperty, GridRowGapProperty, ImeModeProperty, InsetBlockEndProperty, InsetBlockStartProperty, InsetInlineEndProperty, InsetInlineStartProperty, ScrollSnapCoordinateProperty, ScrollSnapDestinationProperty, ScrollSnapPointsXProperty, ScrollSnapPointsYProperty, ScrollSnapTypeXProperty, ScrollSnapTypeYProperty, TextCombineUprightProperty, BackgroundClipProperty, BoxDecorationBreakProperty, BackgroundOriginProperty, BackgroundSizeProperty, MozBindingProperty, BorderRadiusProperty, BorderBottomLeftRadiusProperty, BorderBottomRightRadiusProperty, BorderTopLeftRadiusProperty, BorderTopRightRadiusProperty, BoxShadowProperty, OpacityProperty, OutlineProperty, OutlineColorProperty, MozOutlineRadiusProperty, OutlineStyleProperty, OutlineWidthProperty, ResizeProperty, TextAlignLastProperty, MozTextBlinkProperty, TextDecorationColorProperty, TextDecorationLineProperty, TextDecorationStyleProperty, MozUserInputProperty, MsScrollbar3dlightColorProperty, MsScrollbarArrowColorProperty, MsScrollbarBaseColorProperty, MsScrollbarDarkshadowColorProperty, MsScrollbarFaceColorProperty, MsScrollbarHighlightColorProperty, MsScrollbarShadowColorProperty, MsScrollbarTrackColorProperty, AnimationProperty, AnimationDelayProperty, AnimationDirectionProperty, AnimationDurationProperty, AnimationFillModeProperty, AnimationIterationCountProperty, AnimationNameProperty, AnimationPlayStateProperty, AnimationTimingFunctionProperty, TransformProperty, TransitionProperty, TransitionDelayProperty, TransitionDurationProperty, TransitionPropertyProperty, TransitionTimingFunctionProperty, } from "./index"; export interface ObsoletePropertiesHyphenFallback { /** * 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. * * **Initial value**: `stretch` * * @deprecated */ "box-align"?: BoxAlignProperty | BoxAlignProperty[]; /** * 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). * * **Initial value**: `normal` * * @deprecated */ "box-direction"?: BoxDirectionProperty | BoxDirectionProperty[]; /** * 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. * * **Initial value**: `0` * * @deprecated */ "box-flex"?: BoxFlexProperty | BoxFlexProperty[]; /** * The **`box-flex-group`** CSS property assigns the flexbox's child elements to a flex group. * * **Initial value**: `1` * * @deprecated */ "box-flex-group"?: BoxFlexGroupProperty | BoxFlexGroupProperty[]; /** * 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). * * **Initial value**: `single` * * @deprecated */ "box-lines"?: BoxLinesProperty | BoxLinesProperty[]; /** * The **`box-ordinal-group`** CSS property assigns the flexbox's child elements to an ordinal group. * * **Initial value**: `1` * * @deprecated */ "box-ordinal-group"?: BoxOrdinalGroupProperty | BoxOrdinalGroupProperty[]; /** * The **`box-orient`** CSS property specifies whether an element lays out its contents horizontally or vertically. * * **Initial value**: `inline-axis` (`horizontal` in XUL) * * @deprecated */ "box-orient"?: BoxOrientProperty | BoxOrientProperty[]; /** * 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. * * **Initial value**: `start` * * @deprecated */ "box-pack"?: BoxPackProperty | BoxPackProperty[]; /** * The **`clip`** CSS property defines what portion of an element is visible. The `clip` property applies only to absolutely positioned elements, that is elements with `position:absolute` or `position:fixed`. * * **Initial value**: `auto` * * @deprecated */ clip?: ClipProperty | ClipProperty[]; /** * 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`. * * **Initial value**: `normal` * * @deprecated */ "font-variant-alternates"?: FontVariantAlternatesProperty | FontVariantAlternatesProperty[]; /** * The **`column-gap`** CSS property sets the size of the gap (gutter) between an element's columns. * * **Initial value**: `0` * * @deprecated */ "grid-column-gap"?: GridColumnGapProperty | GridColumnGapProperty[]; /** * The **`gap`** CSS property sets the gaps (gutters) between rows and columns. It is a shorthand for `row-gap` and `column-gap`. * * @deprecated */ "grid-gap"?: GridGapProperty | GridGapProperty[]; /** * The **`row-gap`** CSS property sets the size of the gap (gutter) between an element's grid rows. * * **Initial value**: `0` * * @deprecated */ "grid-row-gap"?: GridRowGapProperty | GridRowGapProperty[]; /** * The **`ime-mode`** CSS property controls the state of the input method editor (IME) for text fields. This property is obsolete. * * **Initial value**: `auto` * * @deprecated */ "ime-mode"?: ImeModeProperty | ImeModeProperty[]; /** * 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`. * * **Initial value**: `auto` * * @deprecated */ "offset-block-end"?: InsetBlockEndProperty | InsetBlockEndProperty[]; /** * 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`. * * **Initial value**: `auto` * * @deprecated */ "offset-block-start"?: InsetBlockStartProperty | InsetBlockStartProperty[]; /** * The **`inset-inline-end`** CSS property defines the logical inline end inset 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`. * * **Initial value**: `auto` * * @deprecated */ "offset-inline-end"?: InsetInlineEndProperty | InsetInlineEndProperty[]; /** * 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`. * * **Initial value**: `auto` * * @deprecated */ "offset-inline-start"?: InsetInlineStartProperty | InsetInlineStartProperty[]; /** * 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. * * **Initial value**: `none` * * @deprecated */ "scroll-snap-coordinate"?: ScrollSnapCoordinateProperty | ScrollSnapCoordinateProperty[]; /** * 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. * * **Initial value**: `0px 0px` * * @deprecated */ "scroll-snap-destination"?: ScrollSnapDestinationProperty | ScrollSnapDestinationProperty[]; /** * 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. * * **Initial value**: `none` * * @deprecated */ "scroll-snap-points-x"?: ScrollSnapPointsXProperty | ScrollSnapPointsXProperty[]; /** * 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. * * **Initial value**: `none` * * @deprecated */ "scroll-snap-points-y"?: ScrollSnapPointsYProperty | ScrollSnapPointsYProperty[]; /** * 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. * * **Initial value**: `none` * * @deprecated */ "scroll-snap-type-x"?: ScrollSnapTypeXProperty | ScrollSnapTypeXProperty[]; /** * 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. * * **Initial value**: `none` * * @deprecated */ "scroll-snap-type-y"?: ScrollSnapTypeYProperty | ScrollSnapTypeYProperty[]; /** * The **`text-combine-upright`** CSS property sets the combination of characters into the space of a single character. If the combined text is wider than 1em, the user agent must fit the contents within 1em. The resulting composition is treated as a single upright glyph for layout and decoration. This property only has an effect in vertical writing modes. * * **Initial value**: `none` * * @deprecated */ "text-combine-horizontal"?: TextCombineUprightProperty | TextCombineUprightProperty[]; /** * 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. * * **Initial value**: `stretch` * * @deprecated */ "-khtml-box-align"?: BoxAlignProperty | BoxAlignProperty[]; /** * 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). * * **Initial value**: `normal` * * @deprecated */ "-khtml-box-direction"?: BoxDirectionProperty | BoxDirectionProperty[]; /** * 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. * * **Initial value**: `0` * * @deprecated */ "-khtml-box-flex"?: BoxFlexProperty | BoxFlexProperty[]; /** * The **`box-flex-group`** CSS property assigns the flexbox's child elements to a flex group. * * **Initial value**: `1` * * @deprecated */ "-khtml-box-flex-group"?: BoxFlexGroupProperty | BoxFlexGroupProperty[]; /** * 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). * * **Initial value**: `single` * * @deprecated */ "-khtml-box-lines"?: BoxLinesProperty | BoxLinesProperty[]; /** * The **`box-ordinal-group`** CSS property assigns the flexbox's child elements to an ordinal group. * * **Initial value**: `1` * * @deprecated */ "-khtml-box-ordinal-group"?: BoxOrdinalGroupProperty | BoxOrdinalGroupProperty[]; /** * The **`box-orient`** CSS property specifies whether an element lays out its contents horizontally or vertically. * * **Initial value**: `inline-axis` (`horizontal` in XUL) * * @deprecated */ "-khtml-box-orient"?: BoxOrientProperty | BoxOrientProperty[]; /** * 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. * * **Initial value**: `start` * * @deprecated */ "-khtml-box-pack"?: BoxPackProperty | BoxPackProperty[]; /** * The **`background-clip`** CSS property sets whether an element's background `` or `` extends underneath its border. * * **Initial value**: `border-box` * * @deprecated */ "-moz-background-clip"?: BackgroundClipProperty | BackgroundClipProperty[]; /** * The **`box-decoration-break`** CSS property specifies how an element's fragments should be rendered when broken across multiple lines, columns, or pages. * * **Initial value**: `slice` * * @deprecated */ "-moz-background-inline-policy"?: BoxDecorationBreakProperty | BoxDecorationBreakProperty[]; /** * The **`background-origin`** CSS property sets the _background positioning area_. In other words, it sets the origin position of an image set with the `background-image` property. * * **Initial value**: `padding-box` * * @deprecated */ "-moz-background-origin"?: BackgroundOriginProperty | BackgroundOriginProperty[]; /** * 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. * * **Initial value**: `auto auto` * * @deprecated */ "-moz-background-size"?: BackgroundSizeProperty | BackgroundSizeProperty[]; /** * The **`-moz-binding`** CSS property is used by Mozilla-based applications to attach an XBL binding to a DOM element. * * **Initial value**: `none` * * @deprecated */ "-moz-binding"?: MozBindingProperty | MozBindingProperty[]; /** * 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. * * @deprecated */ "-moz-border-radius"?: BorderRadiusProperty | BorderRadiusProperty[]; /** * The **`border-bottom-left-radius`** CSS property rounds the bottom-left corner of an element. * * **Initial value**: `0` * * @deprecated */ "-moz-border-radius-bottomleft"?: BorderBottomLeftRadiusProperty | BorderBottomLeftRadiusProperty[]; /** * The **`border-bottom-right-radius`** CSS property rounds the bottom-right corner of an element. * * **Initial value**: `0` * * @deprecated */ "-moz-border-radius-bottomright"?: BorderBottomRightRadiusProperty | BorderBottomRightRadiusProperty[]; /** * The **`border-top-left-radius`** CSS property rounds the top-left corner of an element. * * **Initial value**: `0` * * @deprecated */ "-moz-border-radius-topleft"?: BorderTopLeftRadiusProperty | BorderTopLeftRadiusProperty[]; /** * The **`border-top-right-radius`** CSS property rounds the top-right corner of an element. * * **Initial value**: `0` * * @deprecated */ "-moz-border-radius-topright"?: BorderTopRightRadiusProperty | BorderTopRightRadiusProperty[]; /** * 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. * * **Initial value**: `stretch` * * @deprecated */ "-moz-box-align"?: BoxAlignProperty | BoxAlignProperty[]; /** * 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). * * **Initial value**: `normal` * * @deprecated */ "-moz-box-direction"?: BoxDirectionProperty | BoxDirectionProperty[]; /** * 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. * * **Initial value**: `0` * * @deprecated */ "-moz-box-flex"?: BoxFlexProperty | BoxFlexProperty[]; /** * The **`box-ordinal-group`** CSS property assigns the flexbox's child elements to an ordinal group. * * **Initial value**: `1` * * @deprecated */ "-moz-box-ordinal-group"?: BoxOrdinalGroupProperty | BoxOrdinalGroupProperty[]; /** * The **`box-orient`** CSS property specifies whether an element lays out its contents horizontally or vertically. * * **Initial value**: `inline-axis` (`horizontal` in XUL) * * @deprecated */ "-moz-box-orient"?: BoxOrientProperty | BoxOrientProperty[]; /** * 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. * * **Initial value**: `start` * * @deprecated */ "-moz-box-pack"?: BoxPackProperty | BoxPackProperty[]; /** * 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 radii, and color. * * **Initial value**: `none` * * @deprecated */ "-moz-box-shadow"?: BoxShadowProperty | BoxShadowProperty[]; /** * The **`opacity`** CSS property sets the transparency of an element or the degree to which content behind an element is visible. * * **Initial value**: `1.0` * * @deprecated */ "-moz-opacity"?: OpacityProperty | OpacityProperty[]; /** * The **`outline`** CSS property is a shorthand to set various outline properties in a single declaration: `outline-style`, `outline-width`, and `outline-color`. * * @deprecated */ "-moz-outline"?: OutlineProperty | OutlineProperty[]; /** * The **`outline-color`** CSS property sets the color of an element's outline. * * **Initial value**: `invert`, for browsers supporting it, `currentColor` for the other * * @deprecated */ "-moz-outline-color"?: OutlineColorProperty | OutlineColorProperty[]; /** * In Mozilla applications like Firefox, the **`-moz-outline-radius`** CSS property can be used to give an element's `outline` rounded corners. * * @deprecated */ "-moz-outline-radius"?: MozOutlineRadiusProperty | MozOutlineRadiusProperty[]; /** * 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`. * * **Initial value**: `none` * * @deprecated */ "-moz-outline-style"?: OutlineStyleProperty | OutlineStyleProperty[]; /** * The **`outline-width`** CSS property sets the thickness of an element's outline. An outline is a line that is drawn around an element, outside the `border`. * * **Initial value**: `medium` * * @deprecated */ "-moz-outline-width"?: OutlineWidthProperty | OutlineWidthProperty[]; /** * The **`resize`** CSS property sets whether an element is resizable, and if so, in which directions. * * **Initial value**: `none` * * @deprecated */ "-moz-resize"?: ResizeProperty | ResizeProperty[]; /** * 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. * * **Initial value**: `auto` * * @deprecated */ "-moz-text-align-last"?: TextAlignLastProperty | TextAlignLastProperty[]; /** * The **`-moz-text-blink`** non-standard Mozilla CSS extension specifies the blink mode. * * **Initial value**: `none` * * @deprecated */ "-moz-text-blink"?: MozTextBlinkProperty | MozTextBlinkProperty[]; /** * The **`text-decoration-color`** CSS property sets the color of decorations added to text by `text-decoration-line`. * * **Initial value**: `currentcolor` * * @deprecated */ "-moz-text-decoration-color"?: TextDecorationColorProperty | TextDecorationColorProperty[]; /** * 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. * * **Initial value**: `none` * * @deprecated */ "-moz-text-decoration-line"?: TextDecorationLineProperty | TextDecorationLineProperty[]; /** * 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`. * * **Initial value**: `solid` * * @deprecated */ "-moz-text-decoration-style"?: TextDecorationStyleProperty | TextDecorationStyleProperty[]; /** * In Mozilla applications, **`-moz-user-input`** determines if an element will accept user input. * * **Initial value**: `auto` * * @deprecated */ "-moz-user-input"?: MozUserInputProperty | MozUserInputProperty[]; /** * The **`ime-mode`** CSS property controls the state of the input method editor (IME) for text fields. This property is obsolete. * * **Initial value**: `auto` * * @deprecated */ "-ms-ime-mode"?: ImeModeProperty | ImeModeProperty[]; /** * The **`-ms-scrollbar-3dlight-color`** CSS property is a Microsoft extension specifying the color of the top and left edges of the scroll box and scroll arrows of a scroll bar. * * **Initial value**: depends on user agent * * @deprecated */ "-ms-scrollbar-3dlight-color"?: MsScrollbar3dlightColorProperty | MsScrollbar3dlightColorProperty[]; /** * The **`-ms-scrollbar-arrow-color`** CSS property is a Microsoft extension that specifies the color of the arrow elements of a scroll arrow. * * **Initial value**: `ButtonText` * * @deprecated */ "-ms-scrollbar-arrow-color"?: MsScrollbarArrowColorProperty | MsScrollbarArrowColorProperty[]; /** * The `**-ms-scrollbar-base-color**` CSS property is a Microsoft extension that specifies the base color of the main elements of a scroll bar. * * **Initial value**: depends on user agent * * @deprecated */ "-ms-scrollbar-base-color"?: MsScrollbarBaseColorProperty | MsScrollbarBaseColorProperty[]; /** * The **`-ms-scrollbar-darkshadow-color`** CSS property is a Microsoft extension that specifies the color of a scroll bar's gutter. * * **Initial value**: `ThreeDDarkShadow` * * @deprecated */ "-ms-scrollbar-darkshadow-color"?: MsScrollbarDarkshadowColorProperty | MsScrollbarDarkshadowColorProperty[]; /** * The `**-ms-scrollbar-face-color**` CSS property is a Microsoft extension that specifies the color of the scroll box and scroll arrows of a scroll bar. * * **Initial value**: `ThreeDFace` * * @deprecated */ "-ms-scrollbar-face-color"?: MsScrollbarFaceColorProperty | MsScrollbarFaceColorProperty[]; /** * The `**-ms-scrollbar-highlight-color**` CSS property is a Microsoft extension that specifies the color of the slider tray, the top and left edges of the scroll box, and the scroll arrows of a scroll bar. * * **Initial value**: `ThreeDHighlight` * * @deprecated */ "-ms-scrollbar-highlight-color"?: MsScrollbarHighlightColorProperty | MsScrollbarHighlightColorProperty[]; /** * The **`-ms-scrollbar-shadow-color`** CSS property is a Microsoft extension that specifies the color of the bottom and right edges of the scroll box and scroll arrows of a scroll bar. * * **Initial value**: `ThreeDDarkShadow` * * @deprecated */ "-ms-scrollbar-shadow-color"?: MsScrollbarShadowColorProperty | MsScrollbarShadowColorProperty[]; /** * The **`-ms-scrollbar-track-color`** CSS property is a Microsoft extension that specifies the color of the track element of a scrollbar. * * **Initial value**: `Scrollbar` * * @deprecated */ "-ms-scrollbar-track-color"?: MsScrollbarTrackColorProperty | MsScrollbarTrackColorProperty[]; /** * The **`animation`** shorthand CSS property sets an animated transition 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`. * * @deprecated */ "-o-animation"?: AnimationProperty | AnimationProperty[]; /** * The **`animation-delay`** CSS property sets when an animation starts. The animation can start later, immediately from its beginning, or immediately and partway through the animation. * * **Initial value**: `0s` * * @deprecated */ "-o-animation-delay"?: AnimationDelayProperty | AnimationDelayProperty[]; /** * The **`animation-direction`** CSS property sets whether an animation should play forwards, backwards, or alternating back and forth. * * **Initial value**: `normal` * * @deprecated */ "-o-animation-direction"?: AnimationDirectionProperty | AnimationDirectionProperty[]; /** * The **`animation-duration`** CSS property sets the length of time that an animation takes to complete one cycle. * * **Initial value**: `0s` * * @deprecated */ "-o-animation-duration"?: AnimationDurationProperty | AnimationDurationProperty[]; /** * The **`animation-fill-mode`** CSS property sets how a CSS animation applies styles to its target before and after its execution. * * **Initial value**: `none` * * @deprecated */ "-o-animation-fill-mode"?: AnimationFillModeProperty | AnimationFillModeProperty[]; /** * The **`animation-iteration-count`** CSS property sets the number of times an animation cycle should be played before stopping. * * **Initial value**: `1` * * @deprecated */ "-o-animation-iteration-count"?: AnimationIterationCountProperty | AnimationIterationCountProperty[]; /** * The **`animation-name`** CSS property sets one or more animations to apply to an element. Each name is an `@keyframes` at-rule that sets the property values for the animation sequence. * * **Initial value**: `none` * * @deprecated */ "-o-animation-name"?: AnimationNameProperty | AnimationNameProperty[]; /** * The **`animation-play-state`** CSS property sets whether an animation is running or paused. * * **Initial value**: `running` * * @deprecated */ "-o-animation-play-state"?: AnimationPlayStateProperty | AnimationPlayStateProperty[]; /** * The `**animation-timing-function**` CSS property sets how an animation progresses through the duration of each cycle. * * **Initial value**: `ease` * * @deprecated */ "-o-animation-timing-function"?: AnimationTimingFunctionProperty | AnimationTimingFunctionProperty[]; /** * 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. * * **Initial value**: `auto auto` * * @deprecated */ "-o-background-size"?: BackgroundSizeProperty | BackgroundSizeProperty[]; /** * The **`transform`** CSS property lets you rotate, scale, skew, or translate an element. It modifies the coordinate space of the CSS visual formatting model. * * **Initial value**: `none` * * @deprecated */ "-o-transform"?: TransformProperty | TransformProperty[]; /** * The **`transition`** CSS property is a shorthand property for `transition-property`, `transition-duration`, `transition-timing-function`, and `transition-delay`. * * @deprecated */ "-o-transition"?: TransitionProperty | TransitionProperty[]; /** * The **`transition-delay`** CSS property specifies the duration to wait before starting a property's transition effect when its value changes. * * **Initial value**: `0s` * * @deprecated */ "-o-transition-delay"?: TransitionDelayProperty | TransitionDelayProperty[]; /** * 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. * * **Initial value**: `0s` * * @deprecated */ "-o-transition-duration"?: TransitionDurationProperty | TransitionDurationProperty[]; /** * The **`transition-property`** CSS property sets the CSS properties to which a transition effect should be applied. * * **Initial value**: all * * @deprecated */ "-o-transition-property"?: TransitionPropertyProperty | TransitionPropertyProperty[]; /** * The **`transition-timing-function`** CSS property sets how intermediate values are calculated for CSS properties being affected by a transition effect. * * **Initial value**: `ease` * * @deprecated */ "-o-transition-timing-function"?: TransitionTimingFunctionProperty | TransitionTimingFunctionProperty[]; /** * 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. * * **Initial value**: `stretch` * * @deprecated */ "-webkit-box-align"?: BoxAlignProperty | BoxAlignProperty[]; /** * 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). * * **Initial value**: `normal` * * @deprecated */ "-webkit-box-direction"?: BoxDirectionProperty | BoxDirectionProperty[]; /** * 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. * * **Initial value**: `0` * * @deprecated */ "-webkit-box-flex"?: BoxFlexProperty | BoxFlexProperty[]; /** * The **`box-flex-group`** CSS property assigns the flexbox's child elements to a flex group. * * **Initial value**: `1` * * @deprecated */ "-webkit-box-flex-group"?: BoxFlexGroupProperty | BoxFlexGroupProperty[]; /** * 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). * * **Initial value**: `single` * * @deprecated */ "-webkit-box-lines"?: BoxLinesProperty | BoxLinesProperty[]; /** * The **`box-ordinal-group`** CSS property assigns the flexbox's child elements to an ordinal group. * * **Initial value**: `1` * * @deprecated */ "-webkit-box-ordinal-group"?: BoxOrdinalGroupProperty | BoxOrdinalGroupProperty[]; /** * The **`box-orient`** CSS property specifies whether an element lays out its contents horizontally or vertically. * * **Initial value**: `inline-axis` (`horizontal` in XUL) * * @deprecated */ "-webkit-box-orient"?: BoxOrientProperty | BoxOrientProperty[]; /** * 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. * * **Initial value**: `start` * * @deprecated */ "-webkit-box-pack"?: BoxPackProperty | BoxPackProperty[]; /** * 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. * * **Initial value**: `none` * * @deprecated */ "-webkit-scroll-snap-points-x"?: ScrollSnapPointsXProperty | ScrollSnapPointsXProperty[]; /** * 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. * * **Initial value**: `none` * * @deprecated */ "-webkit-scroll-snap-points-y"?: ScrollSnapPointsYProperty | ScrollSnapPointsYProperty[]; }