csstype

property azimuth

azimuth?: Property.Azimuth | undefined;

• 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 | undefined;

• 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 | undefined;

• 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 | undefined;

• 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 | undefined;

• 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 | undefined;

• 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 | undefined;

• 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 | undefined;

• The **box-orient** CSS property sets whether an element lays out its contents horizontally or vertically.

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

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

  Deprecated

property boxPack

boxPack?: Property.BoxPack | undefined;

• 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 | undefined;

• 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 gridColumnGap

gridColumnGap?: Property.GridColumnGap<TLength> | undefined;

• 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> | undefined;

• 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> | undefined;

• The **row-gap** CSS property sets the size of the gap (gutter) between an element's rows.

  **Syntax**: <length-percentage>

  **Initial value**: 0

  Deprecated

property imeMode

imeMode?: Property.ImeMode | undefined;

• 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 | undefined;

• 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 | undefined;

• 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 | undefined;

• 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 | undefined;

• 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 | undefined;

• 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 | undefined;

• 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 | undefined;

• The **box-orient** CSS property sets whether an element lays out its contents horizontally or vertically.

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

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

  Deprecated

property KhtmlBoxPack

KhtmlBoxPack?: Property.BoxPack | undefined;

• 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 | undefined;

• 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 | undefined;

• 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

  Deprecated

property KhtmlUserSelect

KhtmlUserSelect?: Property.UserSelect | undefined;

• The **user-select** CSS property controls whether the user can select text. This doesn't have any effect on content loaded as part of a browser's user interface (its chrome), except in textboxes.

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

  **Initial value**: auto

  Deprecated

property MozBackfaceVisibility

MozBackfaceVisibility?: Property.BackfaceVisibility | undefined;

• 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

  Deprecated

property MozBackgroundClip

MozBackgroundClip?: Property.BackgroundClip | undefined;

• 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 | undefined;

• 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 | undefined;

• 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> | undefined;

• 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 MozBorderRadius

MozBorderRadius?: Property.BorderRadius<TLength> | undefined;

• 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> | undefined;

• 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>
    | undefined;

• 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> | undefined;

• 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> | undefined;

• 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 | undefined;

• 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 | undefined;

• 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 | undefined;

• 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 | undefined;

• 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 | undefined;

• The **box-orient** CSS property sets whether an element lays out its contents horizontally or vertically.

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

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

  Deprecated

property MozBoxPack

MozBoxPack?: Property.BoxPack | undefined;

• 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 | undefined;

• 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 | undefined;

• 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 | undefined;

• 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 | undefined;

• 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

  Deprecated

property MozOutline

MozOutline?: Property.Outline<TLength> | undefined;

• The **outline** CSS shorthand property sets most of the outline properties in a single declaration.

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

  Deprecated

property MozOutlineColor

MozOutlineColor?: Property.OutlineColor | undefined;

• 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 MozOutlineStyle

MozOutlineStyle?: Property.OutlineStyle | undefined;

• 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> | undefined;

• 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 MozPerspective

MozPerspective?: Property.Perspective<TLength> | undefined;

• The **perspective** CSS property determines the distance between the z=0 plane and the user in order to give a 3D-positioned element some perspective.

  **Syntax**: none | <length>

  **Initial value**: none

  Deprecated

property MozPerspectiveOrigin

MozPerspectiveOrigin?: Property.PerspectiveOrigin<TLength> | undefined;

• The **perspective-origin** CSS property determines the position at which the viewer is looking. It is used as the _vanishing point_ by the perspective property.

  **Syntax**: <position>

  **Initial value**: 50% 50%

  Deprecated

property MozTextAlignLast

MozTextAlignLast?: Property.TextAlignLast | undefined;

• 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 | undefined;

• 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 | undefined;

• 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 | undefined;

• 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 MozTransform

MozTransform?: Property.Transform | undefined;

• 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 MozTransformOrigin

MozTransformOrigin?: Property.TransformOrigin<TLength> | undefined;

• 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 MozTransformStyle

MozTransformStyle?: Property.TransformStyle | undefined;

• The **transform-style** CSS property sets whether children of an element are positioned in the 3D space or are flattened in the plane of the element.

  **Syntax**: flat | preserve-3d

  **Initial value**: flat

  Deprecated

property MozTransition

MozTransition?: Property.Transition<TTime> | undefined;

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

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

  Deprecated

property MozTransitionDelay

MozTransitionDelay?: Property.TransitionDelay<TTime> | undefined;

• 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 MozTransitionDuration

MozTransitionDuration?: Property.TransitionDuration<TTime> | undefined;

• 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 MozTransitionProperty

MozTransitionProperty?: Property.TransitionProperty | undefined;

• 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 MozTransitionTimingFunction

MozTransitionTimingFunction?: Property.TransitionTimingFunction | undefined;

• 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 MozUserInput

MozUserInput?: Property.MozUserInput | undefined;

• 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 | undefined;

• 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 OAnimation

OAnimation?: Property.Animation<TTime> | undefined;

• 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> | undefined;

• 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 | undefined;

• 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> | undefined;

• 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 | undefined;

• 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 | undefined;

• 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 | undefined;

• The **animation-name** CSS property specifies the names of one or more @keyframes at-rules that describe the animation to apply to an element. Multiple @keyframe at-rules are specified as a comma-separated list of names. If the specified name does not match any @keyframe at-rule, no properties are animated.

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

  **Initial value**: none

  Deprecated

property OAnimationPlayState

OAnimationPlayState?: Property.AnimationPlayState | undefined;

• 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 | undefined;

• 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> | undefined;

• 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 | undefined;

• 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> | undefined;

• The **inset-block** CSS property defines the logical block start and end offsets of an element, 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}

  Deprecated

property offsetBlockEnd

offsetBlockEnd?: Property.InsetBlockEnd<TLength> | undefined;

• 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