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 ObsoletePropertiesFallback { /** * 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 */ boxAlign?: 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 */ boxDirection?: 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 */ boxFlex?: BoxFlexProperty | BoxFlexProperty[]; /** * The **`box-flex-group`** CSS property assigns the flexbox's child elements to a flex group. * * **Initial value**: `1` * * @deprecated */ boxFlexGroup?: 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 */ boxLines?: BoxLinesProperty | BoxLinesProperty[]; /** * The **`box-ordinal-group`** CSS property assigns the flexbox's child elements to an ordinal group. * * **Initial value**: `1` * * @deprecated */ boxOrdinalGroup?: 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 */ boxOrient?: 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 */ boxPack?: 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 */ fontVariantAlternates?: FontVariantAlternatesProperty | FontVariantAlternatesProperty[]; /** * The **`column-gap`** CSS property sets the size of the gap (gutter) between an element's columns. * * **Initial value**: `0` * * @deprecated */ gridColumnGap?: 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 */ gridGap?: GridGapProperty | GridGapProperty[]; /** * The **`row-gap`** CSS property sets the size of the gap (gutter) between an element's grid rows. * * **Initial value**: `0` * * @deprecated */ gridRowGap?: 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 */ imeMode?: 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 */ offsetBlockEnd?: 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 */ offsetBlockStart?: 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 */ offsetInlineEnd?: 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 */ offsetInlineStart?: 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 */ scrollSnapCoordinate?: 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 */ scrollSnapDestination?: 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 */ scrollSnapPointsX?: 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 */ scrollSnapPointsY?: 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 */ scrollSnapTypeX?: 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 */ scrollSnapTypeY?: 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 */ textCombineHorizontal?: 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 */ KhtmlBoxAlign?: 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 */ KhtmlBoxDirection?: 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 */ KhtmlBoxFlex?: BoxFlexProperty | BoxFlexProperty[]; /** * The **`box-flex-group`** CSS property assigns the flexbox's child elements to a flex group. * * **Initial value**: `1` * * @deprecated */ KhtmlBoxFlexGroup?: 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 */ KhtmlBoxLines?: BoxLinesProperty | BoxLinesProperty[]; /** * The **`box-ordinal-group`** CSS property assigns the flexbox's child elements to an ordinal group. * * **Initial value**: `1` * * @deprecated */ KhtmlBoxOrdinalGroup?: 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 */ KhtmlBoxOrient?: 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 */ KhtmlBoxPack?: BoxPackProperty | BoxPackProperty[]; /** * The **`background-clip`** CSS property sets whether an element's background `` or `` extends underneath its border. * * **Initial value**: `border-box` * * @deprecated */ MozBackgroundClip?: 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 */ MozBackgroundInlinePolicy?: 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 */ MozBackgroundOrigin?: 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 */ MozBackgroundSize?: 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 */ MozBinding?: 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 */ MozBorderRadius?: BorderRadiusProperty | BorderRadiusProperty[]; /** * The **`border-bottom-left-radius`** CSS property rounds the bottom-left corner of an element. * * **Initial value**: `0` * * @deprecated */ MozBorderRadiusBottomleft?: BorderBottomLeftRadiusProperty | BorderBottomLeftRadiusProperty[]; /** * The **`border-bottom-right-radius`** CSS property rounds the bottom-right corner of an element. * * **Initial value**: `0` * * @deprecated */ MozBorderRadiusBottomright?: BorderBottomRightRadiusProperty | BorderBottomRightRadiusProperty[]; /** * The **`border-top-left-radius`** CSS property rounds the top-left corner of an element. * * **Initial value**: `0` * * @deprecated */ MozBorderRadiusTopleft?: BorderTopLeftRadiusProperty | BorderTopLeftRadiusProperty[]; /** * The **`border-top-right-radius`** CSS property rounds the top-right corner of an element. * * **Initial value**: `0` * * @deprecated */ MozBorderRadiusTopright?: 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 */ MozBoxAlign?: 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 */ MozBoxDirection?: 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 */ MozBoxFlex?: BoxFlexProperty | BoxFlexProperty[]; /** * The **`box-ordinal-group`** CSS property assigns the flexbox's child elements to an ordinal group. * * **Initial value**: `1` * * @deprecated */ MozBoxOrdinalGroup?: 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 */ MozBoxOrient?: 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 */ MozBoxPack?: 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 */ MozBoxShadow?: 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 */ MozOpacity?: 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 */ MozOutline?: 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 */ MozOutlineColor?: 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 */ MozOutlineRadius?: 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 */ MozOutlineStyle?: 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 */ MozOutlineWidth?: OutlineWidthProperty | OutlineWidthProperty[]; /** * The **`resize`** CSS property sets whether an element is resizable, and if so, in which directions. * * **Initial value**: `none` * * @deprecated */ MozResize?: 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 */ MozTextAlignLast?: TextAlignLastProperty | TextAlignLastProperty[]; /** * The **`-moz-text-blink`** non-standard Mozilla CSS extension specifies the blink mode. * * **Initial value**: `none` * * @deprecated */ MozTextBlink?: MozTextBlinkProperty | MozTextBlinkProperty[]; /** * The **`text-decoration-color`** CSS property sets the color of decorations added to text by `text-decoration-line`. * * **Initial value**: `currentcolor` * * @deprecated */ MozTextDecorationColor?: 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 */ MozTextDecorationLine?: 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 */ MozTextDecorationStyle?: TextDecorationStyleProperty | TextDecorationStyleProperty[]; /** * In Mozilla applications, **`-moz-user-input`** determines if an element will accept user input. * * **Initial value**: `auto` * * @deprecated */ MozUserInput?: 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 */ msImeMode?: 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 */ msScrollbar3dlightColor?: 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 */ msScrollbarArrowColor?: 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 */ msScrollbarBaseColor?: 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 */ msScrollbarDarkshadowColor?: 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 */ msScrollbarFaceColor?: 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 */ msScrollbarHighlightColor?: 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 */ msScrollbarShadowColor?: 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 */ msScrollbarTrackColor?: 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 */ OAnimation?: 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 */ OAnimationDelay?: AnimationDelayProperty | AnimationDelayProperty[]; /** * The **`animation-direction`** CSS property sets whether an animation should play forwards, backwards, or alternating back and forth. * * **Initial value**: `normal` * * @deprecated */ OAnimationDirection?: AnimationDirectionProperty | AnimationDirectionProperty[]; /** * The **`animation-duration`** CSS property sets the length of time that an animation takes to complete one cycle. * * **Initial value**: `0s` * * @deprecated */ OAnimationDuration?: 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 */ OAnimationFillMode?: 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 */ OAnimationIterationCount?: 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 */ OAnimationName?: AnimationNameProperty | AnimationNameProperty[]; /** * The **`animation-play-state`** CSS property sets whether an animation is running or paused. * * **Initial value**: `running` * * @deprecated */ OAnimationPlayState?: AnimationPlayStateProperty | AnimationPlayStateProperty[]; /** * The `**animation-timing-function**` CSS property sets how an animation progresses through the duration of each cycle. * * **Initial value**: `ease` * * @deprecated */ OAnimationTimingFunction?: 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 */ OBackgroundSize?: 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 */ OTransform?: TransformProperty | TransformProperty[]; /** * The **`transition`** CSS property is a shorthand property for `transition-property`, `transition-duration`, `transition-timing-function`, and `transition-delay`. * * @deprecated */ OTransition?: 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 */ OTransitionDelay?: 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 */ OTransitionDuration?: TransitionDurationProperty | TransitionDurationProperty[]; /** * The **`transition-property`** CSS property sets the CSS properties to which a transition effect should be applied. * * **Initial value**: all * * @deprecated */ OTransitionProperty?: 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 */ OTransitionTimingFunction?: 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 */ WebkitBoxAlign?: 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 */ WebkitBoxDirection?: 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 */ WebkitBoxFlex?: BoxFlexProperty | BoxFlexProperty[]; /** * The **`box-flex-group`** CSS property assigns the flexbox's child elements to a flex group. * * **Initial value**: `1` * * @deprecated */ WebkitBoxFlexGroup?: 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 */ WebkitBoxLines?: BoxLinesProperty | BoxLinesProperty[]; /** * The **`box-ordinal-group`** CSS property assigns the flexbox's child elements to an ordinal group. * * **Initial value**: `1` * * @deprecated */ WebkitBoxOrdinalGroup?: 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 */ WebkitBoxOrient?: 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 */ WebkitBoxPack?: 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 */ WebkitScrollSnapPointsX?: 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 */ WebkitScrollSnapPointsY?: ScrollSnapPointsYProperty | ScrollSnapPointsYProperty[]; }