Interface: CSSProperties
twind.CSSProperties
Hierarchy
PropertiesFallback<string, string>
PropertiesHyphenFallback<string, string>
↳ CSSProperties
Properties
--tw-bg-opacity
• Optional
--tw-bg-opacity: string
Inherited from: CSSCustomProperties.--tw-bg-opacity
Defined in: src/types/css.ts:3
--tw-border-opacity
• Optional
--tw-border-opacity: string
Inherited from: CSSCustomProperties.--tw-border-opacity
Defined in: src/types/css.ts:5
--tw-divide-opacity
• Optional
--tw-divide-opacity: string
Inherited from: CSSCustomProperties.--tw-divide-opacity
Defined in: src/types/css.ts:6
--tw-divide-x-reverse
• Optional
--tw-divide-x-reverse: string
Inherited from: CSSCustomProperties.--tw-divide-x-reverse
Defined in: src/types/css.ts:20
--tw-divide-y-reverse
• Optional
--tw-divide-y-reverse: string
Inherited from: CSSCustomProperties.--tw-divide-y-reverse
Defined in: src/types/css.ts:19
--tw-gradient-from
• Optional
--tw-gradient-from: string
Inherited from: CSSCustomProperties.--tw-gradient-from
Defined in: src/types/css.ts:16
--tw-gradient-stops
• Optional
--tw-gradient-stops: string
Inherited from: CSSCustomProperties.--tw-gradient-stops
Defined in: src/types/css.ts:18
--tw-gradient-to
• Optional
--tw-gradient-to: string
Inherited from: CSSCustomProperties.--tw-gradient-to
Defined in: src/types/css.ts:17
--tw-numeric-figure
• Optional
--tw-numeric-figure: string
Inherited from: CSSCustomProperties.--tw-numeric-figure
Defined in: src/types/css.ts:32
--tw-numeric-fraction
• Optional
--tw-numeric-fraction: string
Inherited from: CSSCustomProperties.--tw-numeric-fraction
Defined in: src/types/css.ts:34
--tw-numeric-spacing
• Optional
--tw-numeric-spacing: string
Inherited from: CSSCustomProperties.--tw-numeric-spacing
Defined in: src/types/css.ts:33
--tw-ordinal
• Optional
--tw-ordinal: string
Inherited from: CSSCustomProperties.--tw-ordinal
Defined in: src/types/css.ts:30
--tw-placeholder-opacity
• Optional
--tw-placeholder-opacity: string
Inherited from: CSSCustomProperties.--tw-placeholder-opacity
Defined in: src/types/css.ts:7
--tw-ring-color
• Optional
--tw-ring-color: string
Inherited from: CSSCustomProperties.--tw-ring-color
Defined in: src/types/css.ts:10
--tw-ring-inset
• Optional
--tw-ring-inset: string
Inherited from: CSSCustomProperties.--tw-ring-inset
Defined in: src/types/css.ts:9
--tw-ring-offset-color
• Optional
--tw-ring-offset-color: string
Inherited from: CSSCustomProperties.--tw-ring-offset-color
Defined in: src/types/css.ts:13
--tw-ring-offset-shadow
• Optional
--tw-ring-offset-shadow: string
Inherited from: CSSCustomProperties.--tw-ring-offset-shadow
Defined in: src/types/css.ts:14
--tw-ring-offset-width
• Optional
--tw-ring-offset-width: string
Inherited from: CSSCustomProperties.--tw-ring-offset-width
Defined in: src/types/css.ts:15
--tw-ring-opacity
• Optional
--tw-ring-opacity: string
Inherited from: CSSCustomProperties.--tw-ring-opacity
Defined in: src/types/css.ts:11
--tw-ring-shadow
• Optional
--tw-ring-shadow: string
Inherited from: CSSCustomProperties.--tw-ring-shadow
Defined in: src/types/css.ts:12
--tw-rotate
• Optional
--tw-rotate: string
Inherited from: CSSCustomProperties.--tw-rotate
Defined in: src/types/css.ts:25
--tw-scale-x
• Optional
--tw-scale-x: string
Inherited from: CSSCustomProperties.--tw-scale-x
Defined in: src/types/css.ts:28
--tw-scale-y
• Optional
--tw-scale-y: string
Inherited from: CSSCustomProperties.--tw-scale-y
Defined in: src/types/css.ts:29
--tw-shadow
• Optional
--tw-shadow: string
Inherited from: CSSCustomProperties.--tw-shadow
Defined in: src/types/css.ts:8
--tw-skew-x
• Optional
--tw-skew-x: string
Inherited from: CSSCustomProperties.--tw-skew-x
Defined in: src/types/css.ts:26
--tw-skew-y
• Optional
--tw-skew-y: string
Inherited from: CSSCustomProperties.--tw-skew-y
Defined in: src/types/css.ts:27
--tw-slashed-zero
• Optional
--tw-slashed-zero: string
Inherited from: CSSCustomProperties.--tw-slashed-zero
Defined in: src/types/css.ts:31
--tw-space-x-reverse
• Optional
--tw-space-x-reverse: string
Inherited from: CSSCustomProperties.--tw-space-x-reverse
Defined in: src/types/css.ts:22
--tw-space-y-reverse
• Optional
--tw-space-y-reverse: string
Inherited from: CSSCustomProperties.--tw-space-y-reverse
Defined in: src/types/css.ts:21
--tw-text-opacity
• Optional
--tw-text-opacity: string
Inherited from: CSSCustomProperties.--tw-text-opacity
Defined in: src/types/css.ts:4
--tw-translate-x
• Optional
--tw-translate-x: string
Inherited from: CSSCustomProperties.--tw-translate-x
Defined in: src/types/css.ts:23
--tw-translate-y
• Optional
--tw-translate-y: string
Inherited from: CSSCustomProperties.--tw-translate-y
Defined in: src/types/css.ts:24
-khtml-box-align
• Optional
-khtml-box-align: -moz-initial | inherit | initial | revert | unset | stretch | center | end | start | baseline | (undefined | -moz-initial | inherit | initial | revert | unset | stretch | center | end | start | baseline)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-khtml-box-align
Defined in: node_modules/csstype/index.d.ts:16641
-khtml-box-direction
• Optional
-khtml-box-direction: -moz-initial | inherit | initial | revert | unset | normal | reverse | (undefined | -moz-initial | inherit | initial | revert | unset | normal | reverse)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-khtml-box-direction
Defined in: node_modules/csstype/index.d.ts:16651
-khtml-box-flex
• Optional
-khtml-box-flex: -moz-initial | inherit | initial | revert | unset | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | number & {})[]
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
Inherited from: CSS.PropertiesHyphenFallback.-khtml-box-flex
Defined in: node_modules/csstype/index.d.ts:16661
-khtml-box-flex-group
• Optional
-khtml-box-flex-group: -moz-initial | inherit | initial | revert | unset | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | number & {})[]
The box-flex-group
CSS property assigns the flexbox's child elements to a flex group.
Syntax: <integer>
Initial value: 1
deprecated
Inherited from: CSS.PropertiesHyphenFallback.-khtml-box-flex-group
Defined in: node_modules/csstype/index.d.ts:16671
-khtml-box-lines
• Optional
-khtml-box-lines: -moz-initial | inherit | initial | revert | unset | multiple | single | (undefined | -moz-initial | inherit | initial | revert | unset | multiple | single)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-khtml-box-lines
Defined in: node_modules/csstype/index.d.ts:16681
-khtml-box-ordinal-group
• Optional
-khtml-box-ordinal-group: -moz-initial | inherit | initial | revert | unset | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | number & {})[]
The box-ordinal-group
CSS property assigns the flexbox's child elements to an ordinal group.
Syntax: <integer>
Initial value: 1
deprecated
Inherited from: CSS.PropertiesHyphenFallback.-khtml-box-ordinal-group
Defined in: node_modules/csstype/index.d.ts:16691
-khtml-box-orient
• Optional
-khtml-box-orient: -moz-initial | inherit | initial | revert | unset | horizontal | vertical | block-axis | inline-axis | (undefined | -moz-initial | inherit | initial | revert | unset | horizontal | vertical | block-axis | inline-axis)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-khtml-box-orient
Defined in: node_modules/csstype/index.d.ts:16701
-khtml-box-pack
• Optional
-khtml-box-pack: -moz-initial | inherit | initial | revert | unset | center | end | start | justify | (undefined | -moz-initial | inherit | initial | revert | unset | center | end | start | justify)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-khtml-box-pack
Defined in: node_modules/csstype/index.d.ts:16711
-khtml-line-break
• Optional
-khtml-line-break: strict | -moz-initial | inherit | initial | revert | unset | normal | auto | anywhere | loose | (undefined | strict | -moz-initial | inherit | initial | revert | unset | normal | auto | anywhere | loose)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-khtml-line-break
Defined in: node_modules/csstype/index.d.ts:16721
-khtml-opacity
• Optional
-khtml-opacity: -moz-initial | inherit | initial | revert | unset | string & {} | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | number & {})[]
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
Inherited from: CSS.PropertiesHyphenFallback.-khtml-opacity
Defined in: node_modules/csstype/index.d.ts:16731
-khtml-user-select
• Optional
-khtml-user-select: contain | all | -moz-initial | inherit | initial | revert | unset | auto | none | text | -moz-none | element | (undefined | contain | all | -moz-initial | inherit | initial | revert | unset | auto | none | text | -moz-none | element)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-khtml-user-select
Defined in: node_modules/csstype/index.d.ts:16741
-moz-animation
• Optional
-moz-animation: string | string & {} | number & {} | (undefined | string | string & {} | number & {})[]
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>#
Inherited from: CSS.PropertiesHyphenFallback.-moz-animation
Defined in: node_modules/csstype/index.d.ts:16202
-moz-animation-delay
• Optional
-moz-animation-delay: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesHyphenFallback.-moz-animation-delay
Defined in: node_modules/csstype/index.d.ts:14407
-moz-animation-direction
• Optional
-moz-animation-direction: -moz-initial | inherit | initial | revert | unset | normal | string & {} | alternate | alternate-reverse | reverse | (undefined | -moz-initial | inherit | initial | revert | unset | normal | string & {} | alternate | alternate-reverse | reverse)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-moz-animation-direction
Defined in: node_modules/csstype/index.d.ts:14415
-moz-animation-duration
• Optional
-moz-animation-duration: string | string & {} | (undefined | string | string & {})[]
The animation-duration
CSS property sets the length of time that an animation takes to complete one cycle.
Syntax: <time>#
Initial value: 0s
Inherited from: CSS.PropertiesHyphenFallback.-moz-animation-duration
Defined in: node_modules/csstype/index.d.ts:14423
-moz-animation-fill-mode
• Optional
-moz-animation-fill-mode: -moz-initial | inherit | initial | revert | unset | string & {} | backwards | both | forwards | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | backwards | both | forwards | none)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-moz-animation-fill-mode
Defined in: node_modules/csstype/index.d.ts:14431
-moz-animation-iteration-count
• Optional
-moz-animation-iteration-count: -moz-initial | inherit | initial | revert | unset | string & {} | infinite | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | infinite | number & {})[]
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
Inherited from: CSS.PropertiesHyphenFallback.-moz-animation-iteration-count
Defined in: node_modules/csstype/index.d.ts:14439
-moz-animation-name
• Optional
-moz-animation-name: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-moz-animation-name
Defined in: node_modules/csstype/index.d.ts:14447
-moz-animation-play-state
• Optional
-moz-animation-play-state: -moz-initial | inherit | initial | revert | unset | string & {} | paused | running | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | paused | running)[]
The animation-play-state
CSS property sets whether an animation is running or paused.
Syntax: <single-animation-play-state>#
Initial value: running
Inherited from: CSS.PropertiesHyphenFallback.-moz-animation-play-state
Defined in: node_modules/csstype/index.d.ts:14455
-moz-animation-timing-function
• Optional
-moz-animation-timing-function: -moz-initial | inherit | initial | revert | unset | string & {} | ease | ease-in | ease-in-out | ease-out | step-end | step-start | linear | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | ease | ease-in | ease-in-out | ease-out | step-end | step-start | linear)[]
The animation-timing-function
CSS property sets how an animation progresses through the duration of each cycle.
Syntax: <easing-function>#
Initial value: ease
Inherited from: CSS.PropertiesHyphenFallback.-moz-animation-timing-function
Defined in: node_modules/csstype/index.d.ts:14463
-moz-appearance
• Optional
-moz-appearance: sheet | -moz-initial | inherit | initial | revert | unset | none | button | checkbox | listbox | menulist | radio | searchfield | menulist-button | textfield | -moz-mac-unified-toolbar | -moz-win-borderless-glass | -moz-win-browsertabbar-toolbox | -moz-win-communications-toolbox | -moz-win-communicationstext | -moz-win-exclude-glass | -moz-win-glass | -moz-win-media-toolbox | -moz-win-mediatext | -moz-window-button-box | -moz-window-button-box-maximized | -moz-window-button-close | -moz-window-button-maximize | -moz-window-button-minimize | -moz-window-button-restore | -moz-window-frame-bottom | -moz-window-frame-left | -moz-window-frame-right | -moz-window-titlebar | -moz-window-titlebar-maximized | button-arrow-down | button-arrow-next | button-arrow-previous | button-arrow-up | button-bevel | button-focus | caret | checkbox-container | checkbox-label | checkmenuitem | dualbutton | groupbox | listitem | menuarrow | menubar | menucheckbox | menuimage | menuitem | menuitemtext | menulist-text | menulist-textfield | menupopup | menuradio | menuseparator | meterbar | meterchunk | progressbar | progressbar-vertical | progresschunk | progresschunk-vertical | radio-container | radio-label | radiomenuitem | range | range-thumb | resizer | resizerpanel | scale-horizontal | scale-vertical | scalethumb-horizontal | scalethumb-vertical | scalethumbend | scalethumbstart | scalethumbtick | scrollbarbutton-down | scrollbarbutton-left | scrollbarbutton-right | scrollbarbutton-up | scrollbarthumb-horizontal | scrollbarthumb-vertical | scrollbartrack-horizontal | scrollbartrack-vertical | separator | spinner | spinner-downbutton | spinner-textfield | spinner-upbutton | splitter | statusbar | statusbarpanel | tab | tab-scroll-arrow-back | tab-scroll-arrow-forward | tabpanel | tabpanels | textfield-multiline | toolbar | toolbarbutton | toolbarbutton-dropdown | toolbargripper | toolbox | tooltip | treeheader | treeheadercell | treeheadersortarrow | treeitem | treeline | treetwisty | treetwistyopen | treeview | (undefined | sheet | -moz-initial | inherit | initial | revert | unset | none | button | checkbox | listbox | menulist | radio | searchfield | menulist-button | textfield | -moz-mac-unified-toolbar | -moz-win-borderless-glass | -moz-win-browsertabbar-toolbox | -moz-win-communications-toolbox | -moz-win-communicationstext | -moz-win-exclude-glass | -moz-win-glass | -moz-win-media-toolbox | -moz-win-mediatext | -moz-window-button-box | -moz-window-button-box-maximized | -moz-window-button-close | -moz-window-button-maximize | -moz-window-button-minimize | -moz-window-button-restore | -moz-window-frame-bottom | -moz-window-frame-left | -moz-window-frame-right | -moz-window-titlebar | -moz-window-titlebar-maximized | button-arrow-down | button-arrow-next | button-arrow-previous | button-arrow-up | button-bevel | button-focus | caret | checkbox-container | checkbox-label | checkmenuitem | dualbutton | groupbox | listitem | menuarrow | menubar | menucheckbox | menuimage | menuitem | menuitemtext | menulist-text | menulist-textfield | menupopup | menuradio | menuseparator | meterbar | meterchunk | progressbar | progressbar-vertical | progresschunk | progresschunk-vertical | radio-container | radio-label | radiomenuitem | range | range-thumb | resizer | resizerpanel | scale-horizontal | scale-vertical | scalethumb-horizontal | scalethumb-vertical | scalethumbend | scalethumbstart | scalethumbtick | scrollbarbutton-down | scrollbarbutton-left | scrollbarbutton-right | scrollbarbutton-up | scrollbarthumb-horizontal | scrollbarthumb-vertical | scrollbartrack-horizontal | scrollbartrack-vertical | separator | spinner | spinner-downbutton | spinner-textfield | spinner-upbutton | splitter | statusbar | statusbarpanel | tab | tab-scroll-arrow-back | tab-scroll-arrow-forward | tabpanel | tabpanels | textfield-multiline | toolbar | toolbarbutton | toolbarbutton-dropdown | toolbargripper | toolbox | tooltip | treeheader | treeheadercell | treeheadersortarrow | treeitem | treeline | treetwisty | treetwistyopen | treeview)[]
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 | button | button-arrow-down | button-arrow-next | button-arrow-previous | button-arrow-up | button-bevel | button-focus | caret | checkbox | checkbox-container | checkbox-label | checkmenuitem | dualbutton | groupbox | listbox | listitem | menuarrow | menubar | menucheckbox | menuimage | menuitem | menuitemtext | menulist | menulist-button | menulist-text | menulist-textfield | menupopup | menuradio | menuseparator | meterbar | meterchunk | progressbar | progressbar-vertical | progresschunk | progresschunk-vertical | radio | radio-container | radio-label | radiomenuitem | range | range-thumb | resizer | resizerpanel | scale-horizontal | scalethumbend | scalethumb-horizontal | scalethumbstart | scalethumbtick | scalethumb-vertical | scale-vertical | scrollbarbutton-down | scrollbarbutton-left | scrollbarbutton-right | scrollbarbutton-up | scrollbarthumb-horizontal | scrollbarthumb-vertical | scrollbartrack-horizontal | scrollbartrack-vertical | searchfield | separator | sheet | spinner | spinner-downbutton | spinner-textfield | spinner-upbutton | splitter | statusbar | statusbarpanel | tab | tabpanel | tabpanels | tab-scroll-arrow-back | tab-scroll-arrow-forward | textfield | textfield-multiline | toolbar | toolbarbutton | toolbarbutton-dropdown | toolbargripper | toolbox | tooltip | treeheader | treeheadercell | treeheadersortarrow | treeitem | treeline | treetwisty | treetwistyopen | treeview | -moz-mac-unified-toolbar | -moz-win-borderless-glass | -moz-win-browsertabbar-toolbox | -moz-win-communicationstext | -moz-win-communications-toolbox | -moz-win-exclude-glass | -moz-win-glass | -moz-win-mediatext | -moz-win-media-toolbox | -moz-window-button-box | -moz-window-button-box-maximized | -moz-window-button-close | -moz-window-button-maximize | -moz-window-button-minimize | -moz-window-button-restore | -moz-window-frame-bottom | -moz-window-frame-left | -moz-window-frame-right | -moz-window-titlebar | -moz-window-titlebar-maximized
Initial value: none
(but this value is overridden in the user agent CSS)
Inherited from: CSS.PropertiesHyphenFallback.-moz-appearance
Defined in: node_modules/csstype/index.d.ts:14471
-moz-backface-visibility
• Optional
-moz-backface-visibility: -moz-initial | inherit | initial | revert | unset | hidden | visible | (undefined | -moz-initial | inherit | initial | revert | unset | hidden | visible)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-moz-backface-visibility
Defined in: node_modules/csstype/index.d.ts:14479
-moz-background-clip
• Optional
-moz-background-clip: -moz-initial | inherit | initial | revert | unset | string & {} | border-box | content-box | padding-box | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | border-box | content-box | padding-box)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-moz-background-clip
Defined in: node_modules/csstype/index.d.ts:16751
-moz-background-inline-policy
• Optional
-moz-background-inline-policy: -moz-initial | inherit | initial | revert | unset | clone | slice | (undefined | -moz-initial | inherit | initial | revert | unset | clone | slice)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-moz-background-inline-policy
Defined in: node_modules/csstype/index.d.ts:16761
-moz-background-origin
• Optional
-moz-background-origin: -moz-initial | inherit | initial | revert | unset | string & {} | border-box | content-box | padding-box | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | border-box | content-box | padding-box)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-moz-background-origin
Defined in: node_modules/csstype/index.d.ts:16771
-moz-background-size
• Optional
-moz-background-size: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesHyphenFallback.-moz-background-size
Defined in: node_modules/csstype/index.d.ts:16781
-moz-binding
• Optional
-moz-binding: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-moz-binding
Defined in: node_modules/csstype/index.d.ts:16791
-moz-border-bottom-colors
• Optional
-moz-border-bottom-colors: -moz-initial | inherit | initial | revert | unset | string & {} | none | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
In Mozilla applications like Firefox, the -moz-border-bottom-colors
CSS property sets a list of colors for the bottom border.
Syntax: <color>+ | none
Initial value: none
Inherited from: CSS.PropertiesHyphenFallback.-moz-border-bottom-colors
Defined in: node_modules/csstype/index.d.ts:14487
-moz-border-end-color
• Optional
-moz-border-end-color: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
The border-inline-end-color
CSS property defines the color of the logical inline-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
Inherited from: CSS.PropertiesHyphenFallback.-moz-border-end-color
Defined in: node_modules/csstype/index.d.ts:14495
-moz-border-end-style
• Optional
-moz-border-end-style: inset | -moz-initial | inherit | initial | revert | unset | none | hidden | dashed | dotted | double | groove | outset | ridge | solid | (undefined | inset | -moz-initial | inherit | initial | revert | unset | none | hidden | dashed | dotted | double | groove | outset | ridge | solid)[]
The border-inline-end-style
CSS property defines the style of the logical inline 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
Inherited from: CSS.PropertiesHyphenFallback.-moz-border-end-style
Defined in: node_modules/csstype/index.d.ts:14503
-moz-border-end-width
• Optional
-moz-border-end-width: string | (undefined | string)[]
The border-inline-end-width
CSS property defines the width of the logical inline-end border of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-width
, border-right-width
, border-bottom-width
, or border-left-width
property depending on the values defined for writing-mode
, direction
, and text-orientation
.
Syntax: <'border-top-width'>
Initial value: medium
Inherited from: CSS.PropertiesHyphenFallback.-moz-border-end-width
Defined in: node_modules/csstype/index.d.ts:14511
-moz-border-image
• Optional
-moz-border-image: space | -moz-initial | inherit | initial | revert | unset | stretch | string & {} | none | number & {} | repeat | round | (undefined | space | -moz-initial | inherit | initial | revert | unset | stretch | string & {} | none | number & {} | repeat | round)[]
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'>
Inherited from: CSS.PropertiesHyphenFallback.-moz-border-image
Defined in: node_modules/csstype/index.d.ts:16208
-moz-border-left-colors
• Optional
-moz-border-left-colors: -moz-initial | inherit | initial | revert | unset | string & {} | none | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
In Mozilla applications like Firefox, the -moz-border-left-colors
CSS property sets a list of colors for the left border.
Syntax: <color>+ | none
Initial value: none
Inherited from: CSS.PropertiesHyphenFallback.-moz-border-left-colors
Defined in: node_modules/csstype/index.d.ts:14519
-moz-border-radius
• Optional
-moz-border-radius: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesHyphenFallback.-moz-border-radius
Defined in: node_modules/csstype/index.d.ts:16801
-moz-border-radius-bottomleft
• Optional
-moz-border-radius-bottomleft: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesHyphenFallback.-moz-border-radius-bottomleft
Defined in: node_modules/csstype/index.d.ts:16809
-moz-border-radius-bottomright
• Optional
-moz-border-radius-bottomright: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesHyphenFallback.-moz-border-radius-bottomright
Defined in: node_modules/csstype/index.d.ts:16819
-moz-border-radius-topleft
• Optional
-moz-border-radius-topleft: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesHyphenFallback.-moz-border-radius-topleft
Defined in: node_modules/csstype/index.d.ts:16829
-moz-border-radius-topright
• Optional
-moz-border-radius-topright: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesHyphenFallback.-moz-border-radius-topright
Defined in: node_modules/csstype/index.d.ts:16839
-moz-border-right-colors
• Optional
-moz-border-right-colors: -moz-initial | inherit | initial | revert | unset | string & {} | none | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
In Mozilla applications like Firefox, the -moz-border-right-colors
CSS property sets a list of colors for the right border.
Syntax: <color>+ | none
Initial value: none
Inherited from: CSS.PropertiesHyphenFallback.-moz-border-right-colors
Defined in: node_modules/csstype/index.d.ts:14527
-moz-border-start-color
• Optional
-moz-border-start-color: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
The border-inline-start-color
CSS property defines the color of the logical inline start 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
Inherited from: CSS.PropertiesHyphenFallback.-moz-border-start-color
Defined in: node_modules/csstype/index.d.ts:14535
-moz-border-start-style
• Optional
-moz-border-start-style: inset | -moz-initial | inherit | initial | revert | unset | none | hidden | dashed | dotted | double | groove | outset | ridge | solid | (undefined | inset | -moz-initial | inherit | initial | revert | unset | none | hidden | dashed | dotted | double | groove | outset | ridge | solid)[]
The border-inline-start-style
CSS property defines the style of the logical inline start 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
Inherited from: CSS.PropertiesHyphenFallback.-moz-border-start-style
Defined in: node_modules/csstype/index.d.ts:14543
-moz-border-top-colors
• Optional
-moz-border-top-colors: -moz-initial | inherit | initial | revert | unset | string & {} | none | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
In Mozilla applications like Firefox, the -moz-border-top-colors
CSS property sets a list of colors for the top border.
Syntax: <color>+ | none
Initial value: none
Inherited from: CSS.PropertiesHyphenFallback.-moz-border-top-colors
Defined in: node_modules/csstype/index.d.ts:14551
-moz-box-align
• Optional
-moz-box-align: -moz-initial | inherit | initial | revert | unset | stretch | center | end | start | baseline | (undefined | -moz-initial | inherit | initial | revert | unset | stretch | center | end | start | baseline)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-moz-box-align
Defined in: node_modules/csstype/index.d.ts:16849
-moz-box-direction
• Optional
-moz-box-direction: -moz-initial | inherit | initial | revert | unset | normal | reverse | (undefined | -moz-initial | inherit | initial | revert | unset | normal | reverse)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-moz-box-direction
Defined in: node_modules/csstype/index.d.ts:16859
-moz-box-flex
• Optional
-moz-box-flex: -moz-initial | inherit | initial | revert | unset | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | number & {})[]
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
Inherited from: CSS.PropertiesHyphenFallback.-moz-box-flex
Defined in: node_modules/csstype/index.d.ts:16869
-moz-box-ordinal-group
• Optional
-moz-box-ordinal-group: -moz-initial | inherit | initial | revert | unset | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | number & {})[]
The box-ordinal-group
CSS property assigns the flexbox's child elements to an ordinal group.
Syntax: <integer>
Initial value: 1
deprecated
Inherited from: CSS.PropertiesHyphenFallback.-moz-box-ordinal-group
Defined in: node_modules/csstype/index.d.ts:16879
-moz-box-orient
• Optional
-moz-box-orient: -moz-initial | inherit | initial | revert | unset | horizontal | vertical | block-axis | inline-axis | (undefined | -moz-initial | inherit | initial | revert | unset | horizontal | vertical | block-axis | inline-axis)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-moz-box-orient
Defined in: node_modules/csstype/index.d.ts:16889
-moz-box-pack
• Optional
-moz-box-pack: -moz-initial | inherit | initial | revert | unset | center | end | start | justify | (undefined | -moz-initial | inherit | initial | revert | unset | center | end | start | justify)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-moz-box-pack
Defined in: node_modules/csstype/index.d.ts:16899
-moz-box-shadow
• Optional
-moz-box-shadow: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-moz-box-shadow
Defined in: node_modules/csstype/index.d.ts:16909
-moz-box-sizing
• Optional
-moz-box-sizing: -moz-initial | inherit | initial | revert | unset | border-box | content-box | (undefined | -moz-initial | inherit | initial | revert | unset | border-box | content-box)[]
The box-sizing
CSS property sets how the total width and height of an element is calculated.
Syntax: content-box | border-box
Initial value: content-box
Inherited from: CSS.PropertiesHyphenFallback.-moz-box-sizing
Defined in: node_modules/csstype/index.d.ts:14559
-moz-column-count
• Optional
-moz-column-count: -moz-initial | inherit | initial | revert | unset | auto | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | auto | number & {})[]
The column-count
CSS property breaks an element's content into the specified number of columns.
Syntax: <integer> | auto
Initial value: auto
Inherited from: CSS.PropertiesHyphenFallback.-moz-column-count
Defined in: node_modules/csstype/index.d.ts:14567
-moz-column-fill
• Optional
-moz-column-fill: -moz-initial | inherit | initial | revert | unset | auto | balance | (undefined | -moz-initial | inherit | initial | revert | unset | auto | balance)[]
The column-fill
CSS property controls how an element's contents are balanced when broken into columns.
Syntax: auto | balance | balance-all
Initial value: balance
Inherited from: CSS.PropertiesHyphenFallback.-moz-column-fill
Defined in: node_modules/csstype/index.d.ts:14575
-moz-column-gap
• Optional
-moz-column-gap: string | string & {} | (undefined | string | string & {})[]
The column-gap
CSS property sets the size of the gap (gutter) between an element's columns.
Syntax: normal | <length-percentage>
Initial value: normal
Inherited from: CSS.PropertiesHyphenFallback.-moz-column-gap
Defined in: node_modules/csstype/index.d.ts:14583
-moz-column-rule
• Optional
-moz-column-rule: string | string & {} | (undefined | string | string & {})[]
The column-rule
shorthand CSS property sets the width, style, and color of the line drawn between columns in a multi-column layout.
Syntax: <'column-rule-width'> || <'column-rule-style'> || <'column-rule-color'>
Inherited from: CSS.PropertiesHyphenFallback.-moz-column-rule
Defined in: node_modules/csstype/index.d.ts:16214
-moz-column-rule-color
• Optional
-moz-column-rule-color: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
The column-rule-color
CSS property sets the color of the line drawn between columns in a multi-column layout.
Syntax: <color>
Initial value: currentcolor
Inherited from: CSS.PropertiesHyphenFallback.-moz-column-rule-color
Defined in: node_modules/csstype/index.d.ts:14591
-moz-column-rule-style
• Optional
-moz-column-rule-style: inset | -moz-initial | inherit | initial | revert | unset | string & {} | none | hidden | dashed | dotted | double | groove | outset | ridge | solid | (undefined | inset | -moz-initial | inherit | initial | revert | unset | string & {} | none | hidden | dashed | dotted | double | groove | outset | ridge | solid)[]
The column-rule-style
CSS property sets the style of the line drawn between columns in a multi-column layout.
Syntax: <'border-style'>
Initial value: none
Inherited from: CSS.PropertiesHyphenFallback.-moz-column-rule-style
Defined in: node_modules/csstype/index.d.ts:14599
-moz-column-rule-width
• Optional
-moz-column-rule-width: string | string & {} | (undefined | string | string & {})[]
The column-rule-width
CSS property sets the width of the line drawn between columns in a multi-column layout.
Syntax: <'border-width'>
Initial value: medium
Inherited from: CSS.PropertiesHyphenFallback.-moz-column-rule-width
Defined in: node_modules/csstype/index.d.ts:14607
-moz-column-width
• Optional
-moz-column-width: string | (undefined | string)[]
The column-width
CSS property sets the ideal column width in a multi-column layout. The container will have as many columns as can fit without any of them having a width less than the column-width
value. If the width of the container is narrower than the specified value, the single column's width will be smaller than the declared column width.
Syntax: <length> | auto
Initial value: auto
Inherited from: CSS.PropertiesHyphenFallback.-moz-column-width
Defined in: node_modules/csstype/index.d.ts:14615
-moz-columns
• Optional
-moz-columns: string | string & {} | number & {} | (undefined | string | string & {} | number & {})[]
The columns
CSS shorthand property sets the number of columns to use when drawing an element's contents, as well as those columns' widths.
Syntax: <'column-width'> || <'column-count'>
Inherited from: CSS.PropertiesHyphenFallback.-moz-columns
Defined in: node_modules/csstype/index.d.ts:16220
-moz-context-properties
• Optional
-moz-context-properties: fill | stroke | fill-opacity | stroke-opacity | -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | fill | stroke | fill-opacity | stroke-opacity | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
The **-moz-context-properties**
property can be used within privileged contexts in Firefox to share the values of specified properties of the element with a child SVG image.
Syntax: none | [ fill | fill-opacity | stroke | stroke-opacity ]#
Initial value: none
Inherited from: CSS.PropertiesHyphenFallback.-moz-context-properties
Defined in: node_modules/csstype/index.d.ts:14623
-moz-float-edge
• Optional
-moz-float-edge: -moz-initial | inherit | initial | revert | unset | border-box | content-box | padding-box | margin-box | (undefined | -moz-initial | inherit | initial | revert | unset | border-box | content-box | padding-box | margin-box)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-moz-float-edge
Defined in: node_modules/csstype/index.d.ts:16919
-moz-font-feature-settings
• Optional
-moz-font-feature-settings: -moz-initial | inherit | initial | revert | unset | normal | string & {} | (undefined | -moz-initial | inherit | initial | revert | unset | normal | string & {})[]
The font-feature-settings
CSS property controls advanced typographic features in OpenType fonts.
Syntax: normal | <feature-tag-value>#
Initial value: normal
Inherited from: CSS.PropertiesHyphenFallback.-moz-font-feature-settings
Defined in: node_modules/csstype/index.d.ts:14631
-moz-font-language-override
• Optional
-moz-font-language-override: -moz-initial | inherit | initial | revert | unset | normal | string & {} | (undefined | -moz-initial | inherit | initial | revert | unset | normal | string & {})[]
The font-language-override
CSS property controls the use of language-specific glyphs in a typeface.
Syntax: normal | <string>
Initial value: normal
Inherited from: CSS.PropertiesHyphenFallback.-moz-font-language-override
Defined in: node_modules/csstype/index.d.ts:14639
-moz-force-broken-image-icon
• Optional
-moz-force-broken-image-icon: -moz-initial | inherit | initial | revert | unset | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | number & {})[]
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: <integer [0,1]>
Initial value: 0
deprecated
Inherited from: CSS.PropertiesHyphenFallback.-moz-force-broken-image-icon
Defined in: node_modules/csstype/index.d.ts:16929
-moz-hyphens
• Optional
-moz-hyphens: -moz-initial | inherit | initial | revert | unset | auto | none | manual | (undefined | -moz-initial | inherit | initial | revert | unset | auto | none | manual)[]
The hyphens
CSS property specifies how words should be hyphenated when text wraps across multiple lines. It can prevent hyphenation entirely, hyphenate at manually-specified points within the text, or let the browser automatically insert hyphens where appropriate.
Syntax: none | manual | auto
Initial value: manual
Inherited from: CSS.PropertiesHyphenFallback.-moz-hyphens
Defined in: node_modules/csstype/index.d.ts:14647
-moz-image-region
• Optional
-moz-image-region: -moz-initial | inherit | initial | revert | unset | string & {} | auto | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | auto)[]
For certain XUL elements and pseudo-elements that use an image from the list-style-image
property, this property specifies a region of the image that is used in place of the whole image. This allows elements to use different pieces of the same image to improve performance.
Syntax: <shape> | auto
Initial value: auto
Inherited from: CSS.PropertiesHyphenFallback.-moz-image-region
Defined in: node_modules/csstype/index.d.ts:14655
-moz-margin-end
• Optional
-moz-margin-end: string | string & {} | (undefined | string | string & {})[]
The margin-inline-end
CSS property defines the logical inline end margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation. In other words, it corresponds to the margin-top
, margin-right
, margin-bottom
or margin-left
property depending on the values defined for writing-mode
, direction
, and text-orientation
.
Syntax: <'margin-left'>
Initial value: 0
Inherited from: CSS.PropertiesHyphenFallback.-moz-margin-end
Defined in: node_modules/csstype/index.d.ts:14663
-moz-margin-start
• Optional
-moz-margin-start: string | string & {} | (undefined | string | string & {})[]
The margin-inline-start
CSS property defines the logical inline start margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation. It corresponds to the margin-top
, margin-right
, margin-bottom
, or margin-left
property depending on the values defined for writing-mode
, direction
, and text-orientation
.
Syntax: <'margin-left'>
Initial value: 0
Inherited from: CSS.PropertiesHyphenFallback.-moz-margin-start
Defined in: node_modules/csstype/index.d.ts:14671
-moz-opacity
• Optional
-moz-opacity: -moz-initial | inherit | initial | revert | unset | string & {} | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | number & {})[]
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
Inherited from: CSS.PropertiesHyphenFallback.-moz-opacity
Defined in: node_modules/csstype/index.d.ts:16939
-moz-orient
• Optional
-moz-orient: -moz-initial | inherit | initial | revert | unset | block | inline | horizontal | vertical | (undefined | -moz-initial | inherit | initial | revert | unset | block | inline | horizontal | vertical)[]
The -moz-orient
CSS property specifies the orientation of the element to which it's applied.
Syntax: inline | block | horizontal | vertical
Initial value: inline
Inherited from: CSS.PropertiesHyphenFallback.-moz-orient
Defined in: node_modules/csstype/index.d.ts:14679
-moz-osx-font-smoothing
• Optional
-moz-osx-font-smoothing: string | (undefined | string)[]
The font-smooth
CSS property controls the application of anti-aliasing when fonts are rendered.
Syntax: auto | never | always | <absolute-size> | <length>
Initial value: auto
Inherited from: CSS.PropertiesHyphenFallback.-moz-osx-font-smoothing
Defined in: node_modules/csstype/index.d.ts:14687
-moz-outline
• Optional
-moz-outline: string | string & {} | (undefined | string | string & {})[]
The outline
CSS shorthand property set all the outline properties in a single declaration.
Syntax: [ <'outline-color'> || <'outline-style'> || <'outline-width'> ]
deprecated
Inherited from: CSS.PropertiesHyphenFallback.-moz-outline
Defined in: node_modules/csstype/index.d.ts:16949
-moz-outline-color
• Optional
-moz-outline-color: invert | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | invert | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-moz-outline-color
Defined in: node_modules/csstype/index.d.ts:16957
-moz-outline-radius
• Optional
-moz-outline-radius: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesHyphenFallback.-moz-outline-radius
Defined in: node_modules/csstype/index.d.ts:16967
-moz-outline-radius-bottomleft
• Optional
-moz-outline-radius-bottomleft: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesHyphenFallback.-moz-outline-radius-bottomleft
Defined in: node_modules/csstype/index.d.ts:16975
-moz-outline-radius-bottomright
• Optional
-moz-outline-radius-bottomright: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesHyphenFallback.-moz-outline-radius-bottomright
Defined in: node_modules/csstype/index.d.ts:16985
-moz-outline-radius-topleft
• Optional
-moz-outline-radius-topleft: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesHyphenFallback.-moz-outline-radius-topleft
Defined in: node_modules/csstype/index.d.ts:16995
-moz-outline-radius-topright
• Optional
-moz-outline-radius-topright: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesHyphenFallback.-moz-outline-radius-topright
Defined in: node_modules/csstype/index.d.ts:17005
-moz-outline-style
• Optional
-moz-outline-style: inset | -moz-initial | inherit | initial | revert | unset | string & {} | auto | none | hidden | dashed | dotted | double | groove | outset | ridge | solid | (undefined | inset | -moz-initial | inherit | initial | revert | unset | string & {} | auto | none | hidden | dashed | dotted | double | groove | outset | ridge | solid)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-moz-outline-style
Defined in: node_modules/csstype/index.d.ts:17015
-moz-outline-width
• Optional
-moz-outline-width: string | (undefined | string)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-moz-outline-width
Defined in: node_modules/csstype/index.d.ts:17025
-moz-padding-end
• Optional
-moz-padding-end: string | string & {} | (undefined | string | string & {})[]
The padding-inline-end
CSS property defines the logical inline end padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation.
Syntax: <'padding-left'>
Initial value: 0
Inherited from: CSS.PropertiesHyphenFallback.-moz-padding-end
Defined in: node_modules/csstype/index.d.ts:14695
-moz-padding-start
• Optional
-moz-padding-start: string | string & {} | (undefined | string | string & {})[]
The padding-inline-start
CSS property defines the logical inline start padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation.
Syntax: <'padding-left'>
Initial value: 0
Inherited from: CSS.PropertiesHyphenFallback.-moz-padding-start
Defined in: node_modules/csstype/index.d.ts:14703
-moz-perspective
• Optional
-moz-perspective: string | (undefined | string)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-moz-perspective
Defined in: node_modules/csstype/index.d.ts:14711
-moz-perspective-origin
• Optional
-moz-perspective-origin: string | string & {} | (undefined | string | string & {})[]
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%
Inherited from: CSS.PropertiesHyphenFallback.-moz-perspective-origin
Defined in: node_modules/csstype/index.d.ts:14719
-moz-stack-sizing
• Optional
-moz-stack-sizing: -moz-initial | inherit | initial | revert | unset | ignore | stretch-to-fit | (undefined | -moz-initial | inherit | initial | revert | unset | ignore | stretch-to-fit)[]
-moz-stack-sizing
is an extended CSS property. Normally, a <xul:stack>
will change its size so that all of its child elements are completely visible. For example, moving a child of the stack far to the right will widen the stack so the child remains visible.
Syntax: ignore | stretch-to-fit
Initial value: stretch-to-fit
Inherited from: CSS.PropertiesHyphenFallback.-moz-stack-sizing
Defined in: node_modules/csstype/index.d.ts:14727
-moz-tab-size
• Optional
-moz-tab-size: string | number & {} | (undefined | string | number & {})[]
The tab-size
CSS property is used to customize the width of tab characters (U+0009).
Syntax: <integer> | <length>
Initial value: 8
Inherited from: CSS.PropertiesHyphenFallback.-moz-tab-size
Defined in: node_modules/csstype/index.d.ts:14735
-moz-text-align-last
• Optional
-moz-text-align-last: left | right | -moz-initial | inherit | initial | revert | unset | center | end | start | auto | justify | (undefined | left | right | -moz-initial | inherit | initial | revert | unset | center | end | start | auto | justify)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-moz-text-align-last
Defined in: node_modules/csstype/index.d.ts:17035
-moz-text-blink
• Optional
-moz-text-blink: -moz-initial | inherit | initial | revert | unset | none | blink | (undefined | -moz-initial | inherit | initial | revert | unset | none | blink)[]
The -moz-text-blink
non-standard Mozilla CSS extension specifies the blink mode.
Syntax: none | blink
Initial value: none
Inherited from: CSS.PropertiesHyphenFallback.-moz-text-blink
Defined in: node_modules/csstype/index.d.ts:14743
-moz-text-decoration-color
• Optional
-moz-text-decoration-color: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
The text-decoration-color
CSS property sets the color of decorations added to text by text-decoration-line
.
Syntax: <color>
Initial value: currentcolor
deprecated
Inherited from: CSS.PropertiesHyphenFallback.-moz-text-decoration-color
Defined in: node_modules/csstype/index.d.ts:17045
-moz-text-decoration-line
• Optional
-moz-text-decoration-line: -moz-initial | inherit | initial | revert | unset | string & {} | none | blink | grammar-error | line-through | overline | spelling-error | underline | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none | blink | grammar-error | line-through | overline | spelling-error | underline)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-moz-text-decoration-line
Defined in: node_modules/csstype/index.d.ts:17055
-moz-text-decoration-style
• Optional
-moz-text-decoration-style: -moz-initial | inherit | initial | revert | unset | dashed | dotted | double | solid | wavy | (undefined | -moz-initial | inherit | initial | revert | unset | dashed | dotted | double | solid | wavy)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-moz-text-decoration-style
Defined in: node_modules/csstype/index.d.ts:17065
-moz-text-size-adjust
• Optional
-moz-text-size-adjust: -moz-initial | inherit | initial | revert | unset | string & {} | auto | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | auto | none)[]
The text-size-adjust
CSS property controls the text inflation algorithm used on some smartphones and tablets. Other browsers will ignore this property.
Syntax: none | auto | <percentage>
Initial value: auto
for smartphone browsers supporting inflation, none
in other cases (and then not modifiable).
Inherited from: CSS.PropertiesHyphenFallback.-moz-text-size-adjust
Defined in: node_modules/csstype/index.d.ts:14751
-moz-transform-origin
• Optional
-moz-transform-origin: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesHyphenFallback.-moz-transform-origin
Defined in: node_modules/csstype/index.d.ts:14759
-moz-transform-style
• Optional
-moz-transform-style: -moz-initial | inherit | initial | revert | unset | flat | preserve-3d | (undefined | -moz-initial | inherit | initial | revert | unset | flat | preserve-3d)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-moz-transform-style
Defined in: node_modules/csstype/index.d.ts:14767
-moz-transition
• Optional
-moz-transition: string | string & {} | (undefined | string | string & {})[]
The transition
CSS property is a shorthand property for transition-property
, transition-duration
, transition-timing-function
, and transition-delay
.
Syntax: <single-transition>#
Inherited from: CSS.PropertiesHyphenFallback.-moz-transition
Defined in: node_modules/csstype/index.d.ts:16226
-moz-transition-delay
• Optional
-moz-transition-delay: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesHyphenFallback.-moz-transition-delay
Defined in: node_modules/csstype/index.d.ts:14775
-moz-transition-duration
• Optional
-moz-transition-duration: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesHyphenFallback.-moz-transition-duration
Defined in: node_modules/csstype/index.d.ts:14783
-moz-transition-property
• Optional
-moz-transition-property: all | -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | all | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-moz-transition-property
Defined in: node_modules/csstype/index.d.ts:14791
-moz-transition-timing-function
• Optional
-moz-transition-timing-function: -moz-initial | inherit | initial | revert | unset | string & {} | ease | ease-in | ease-in-out | ease-out | step-end | step-start | linear | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | ease | ease-in | ease-in-out | ease-out | step-end | step-start | linear)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-moz-transition-timing-function
Defined in: node_modules/csstype/index.d.ts:14799
-moz-user-focus
• Optional
-moz-user-focus: -moz-initial | inherit | initial | revert | unset | normal | none | ignore | select-after | select-all | select-before | select-menu | select-same | (undefined | -moz-initial | inherit | initial | revert | unset | normal | none | ignore | select-after | select-all | select-before | select-menu | select-same)[]
The -moz-user-focus
CSS property is used to indicate whether an element can have the focus.
Syntax: ignore | normal | select-after | select-before | select-menu | select-same | select-all | none
Initial value: none
Inherited from: CSS.PropertiesHyphenFallback.-moz-user-focus
Defined in: node_modules/csstype/index.d.ts:14807
-moz-user-input
• Optional
-moz-user-input: -moz-initial | inherit | initial | revert | unset | auto | none | disabled | enabled | (undefined | -moz-initial | inherit | initial | revert | unset | auto | none | disabled | enabled)[]
In Mozilla applications, -moz-user-input
determines if an element will accept user input.
Syntax: auto | none | enabled | disabled
Initial value: auto
deprecated
Inherited from: CSS.PropertiesHyphenFallback.-moz-user-input
Defined in: node_modules/csstype/index.d.ts:17075
-moz-user-modify
• Optional
-moz-user-modify: -moz-initial | inherit | initial | revert | unset | read-only | read-write | write-only | (undefined | -moz-initial | inherit | initial | revert | unset | read-only | read-write | write-only)[]
The user-modify
property has no effect in Firefox. It was originally planned to determine whether or not the content of an element can be edited by a user.
Syntax: read-only | read-write | write-only
Initial value: read-only
Inherited from: CSS.PropertiesHyphenFallback.-moz-user-modify
Defined in: node_modules/csstype/index.d.ts:14815
-moz-user-select
• Optional
-moz-user-select: contain | all | -moz-initial | inherit | initial | revert | unset | auto | none | text | -moz-none | element | (undefined | contain | all | -moz-initial | inherit | initial | revert | unset | auto | none | text | -moz-none | element)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-moz-user-select
Defined in: node_modules/csstype/index.d.ts:14823
-moz-window-dragging
• Optional
-moz-window-dragging: -moz-initial | inherit | initial | revert | unset | drag | no-drag | (undefined | -moz-initial | inherit | initial | revert | unset | drag | no-drag)[]
The -moz-window-dragging
CSS property specifies whether a window is draggable or not. It only works in Chrome code, and only on Mac OS X.
Syntax: drag | no-drag
Initial value: drag
Inherited from: CSS.PropertiesHyphenFallback.-moz-window-dragging
Defined in: node_modules/csstype/index.d.ts:14831
-moz-window-shadow
• Optional
-moz-window-shadow: sheet | -moz-initial | inherit | initial | revert | unset | none | default | menu | tooltip | (undefined | sheet | -moz-initial | inherit | initial | revert | unset | none | default | menu | tooltip)[]
The -moz-window-shadow
CSS property specifies whether a window will have a shadow. It only works on Mac OS X.
Syntax: default | menu | tooltip | sheet | none
Initial value: default
Inherited from: CSS.PropertiesHyphenFallback.-moz-window-shadow
Defined in: node_modules/csstype/index.d.ts:14839
-ms-accelerator
• Optional
-ms-accelerator: true | false | -moz-initial | inherit | initial | revert | unset | (undefined | true | false | -moz-initial | inherit | initial | revert | unset)[]
The -ms-accelerator
CSS property is a Microsoft extension that sets or retrieves a string indicating whether the object represents a keyboard shortcut.
Syntax: false | true
Initial value: false
Inherited from: CSS.PropertiesHyphenFallback.-ms-accelerator
Defined in: node_modules/csstype/index.d.ts:14847
-ms-align-self
• Optional
-ms-align-self: -moz-initial | inherit | initial | revert | unset | stretch | center | end | flex-end | flex-start | start | baseline | normal | string & {} | self-end | self-start | auto | (undefined | -moz-initial | inherit | initial | revert | unset | stretch | center | end | flex-end | flex-start | start | baseline | normal | string & {} | self-end | self-start | auto)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-ms-align-self
Defined in: node_modules/csstype/index.d.ts:14855
-ms-block-progression
• Optional
-ms-block-progression: -moz-initial | inherit | initial | revert | unset | bt | lr | rl | tb | (undefined | -moz-initial | inherit | initial | revert | unset | bt | lr | rl | tb)[]
The -ms-block-progression
CSS property is a Microsoft extension that specifies the block progression and layout orientation.
Syntax: tb | rl | bt | lr
Initial value: tb
Inherited from: CSS.PropertiesHyphenFallback.-ms-block-progression
Defined in: node_modules/csstype/index.d.ts:14863
-ms-content-zoom-chaining
• Optional
-ms-content-zoom-chaining: -moz-initial | inherit | initial | revert | unset | none | chained | (undefined | -moz-initial | inherit | initial | revert | unset | none | chained)[]
The -ms-content-zoom-chaining
CSS property is a Microsoft extension specifying the zoom behavior that occurs when a user hits the zoom limit during page manipulation.
Syntax: none | chained
Initial value: none
Inherited from: CSS.PropertiesHyphenFallback.-ms-content-zoom-chaining
Defined in: node_modules/csstype/index.d.ts:14871
-ms-content-zoom-limit
• Optional
-ms-content-zoom-limit: -moz-initial | inherit | initial | revert | unset | string & {} | (undefined | -moz-initial | inherit | initial | revert | unset | string & {})[]
The -ms-content-zoom-limit
CSS shorthand property is a Microsoft extension that specifies values for the -ms-content-zoom-limit-min
and -ms-content-zoom-limit-max
properties.
Syntax: <'-ms-content-zoom-limit-min'> <'-ms-content-zoom-limit-max'>
Inherited from: CSS.PropertiesHyphenFallback.-ms-content-zoom-limit
Defined in: node_modules/csstype/index.d.ts:16232
-ms-content-zoom-limit-max
• Optional
-ms-content-zoom-limit-max: -moz-initial | inherit | initial | revert | unset | string & {} | (undefined | -moz-initial | inherit | initial | revert | unset | string & {})[]
The -ms-content-zoom-limit-max
CSS property is a Microsoft extension that specifies the selected elements' maximum zoom factor.
Syntax: <percentage>
Initial value: 400%
Inherited from: CSS.PropertiesHyphenFallback.-ms-content-zoom-limit-max
Defined in: node_modules/csstype/index.d.ts:14879
-ms-content-zoom-limit-min
• Optional
-ms-content-zoom-limit-min: -moz-initial | inherit | initial | revert | unset | string & {} | (undefined | -moz-initial | inherit | initial | revert | unset | string & {})[]
The -ms-content-zoom-limit-min
CSS property is a Microsoft extension that specifies the minimum zoom factor.
Syntax: <percentage>
Initial value: 100%
Inherited from: CSS.PropertiesHyphenFallback.-ms-content-zoom-limit-min
Defined in: node_modules/csstype/index.d.ts:14887
-ms-content-zoom-snap
• Optional
-ms-content-zoom-snap: -moz-initial | inherit | initial | revert | unset | string & {} | none | mandatory | proximity | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none | mandatory | proximity)[]
The -ms-content-zoom-snap
CSS shorthand property is a Microsoft extension that specifies values for the -ms-content-zoom-snap-type
and -ms-content-zoom-snap-points
properties.
Syntax: <'-ms-content-zoom-snap-type'> || <'-ms-content-zoom-snap-points'>
Inherited from: CSS.PropertiesHyphenFallback.-ms-content-zoom-snap
Defined in: node_modules/csstype/index.d.ts:16238
-ms-content-zoom-snap-points
• Optional
-ms-content-zoom-snap-points: -moz-initial | inherit | initial | revert | unset | string & {} | (undefined | -moz-initial | inherit | initial | revert | unset | string & {})[]
The -ms-content-zoom-snap-points
CSS property is a Microsoft extension that specifies where zoom snap-points are located.
Syntax: snapInterval( <percentage>, <percentage> ) | snapList( <percentage># )
Initial value: snapInterval(0%, 100%)
Inherited from: CSS.PropertiesHyphenFallback.-ms-content-zoom-snap-points
Defined in: node_modules/csstype/index.d.ts:14895
-ms-content-zoom-snap-type
• Optional
-ms-content-zoom-snap-type: -moz-initial | inherit | initial | revert | unset | none | mandatory | proximity | (undefined | -moz-initial | inherit | initial | revert | unset | none | mandatory | proximity)[]
The -ms-content-zoom-snap-type
CSS property is a Microsoft extension that specifies how zooming is affected by defined snap-points.
Syntax: none | proximity | mandatory
Initial value: none
Inherited from: CSS.PropertiesHyphenFallback.-ms-content-zoom-snap-type
Defined in: node_modules/csstype/index.d.ts:14903
-ms-content-zooming
• Optional
-ms-content-zooming: zoom | -moz-initial | inherit | initial | revert | unset | none | (undefined | zoom | -moz-initial | inherit | initial | revert | unset | none)[]
The -ms-content-zooming
CSS property is a Microsoft extension that specifies whether zooming is enabled.
Syntax: none | zoom
Initial value: zoom for the top level element, none for all other elements
Inherited from: CSS.PropertiesHyphenFallback.-ms-content-zooming
Defined in: node_modules/csstype/index.d.ts:14911
-ms-filter
• Optional
-ms-filter: -moz-initial | inherit | initial | revert | unset | string & {} | (undefined | -moz-initial | inherit | initial | revert | unset | string & {})[]
The -ms-filter
CSS property is a Microsoft extension that sets or retrieves the filter or collection of filters applied to an object.
Syntax: <string>
Initial value: "" (the empty string)
Inherited from: CSS.PropertiesHyphenFallback.-ms-filter
Defined in: node_modules/csstype/index.d.ts:14919
-ms-flex
• Optional
-ms-flex: string | string & {} | number & {} | (undefined | string | string & {} | number & {})[]
The flex
CSS shorthand property sets how a flex item will grow or shrink to fit the space available in its flex container.
Syntax: none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]
Inherited from: CSS.PropertiesHyphenFallback.-ms-flex
Defined in: node_modules/csstype/index.d.ts:16244
-ms-flex-direction
• Optional
-ms-flex-direction: -moz-initial | inherit | initial | revert | unset | column | column-reverse | row | row-reverse | (undefined | -moz-initial | inherit | initial | revert | unset | column | column-reverse | row | row-reverse)[]
The flex-direction
CSS property sets how flex items are placed in the flex container defining the main axis and the direction (normal or reversed).
Syntax: row | row-reverse | column | column-reverse
Initial value: row
Inherited from: CSS.PropertiesHyphenFallback.-ms-flex-direction
Defined in: node_modules/csstype/index.d.ts:14927
-ms-flex-positive
• Optional
-ms-flex-positive: -moz-initial | inherit | initial | revert | unset | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | number & {})[]
The flex-grow
CSS property sets the flex grow factor of a flex item main size.
Syntax: <number>
Initial value: 0
Inherited from: CSS.PropertiesHyphenFallback.-ms-flex-positive
Defined in: node_modules/csstype/index.d.ts:14935
-ms-flow-from
• Optional
-ms-flow-from: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
The -ms-flow-from
CSS property is a Microsoft extension that gets or sets a value identifying a region container in the document that accepts the content flow from the data source.
Syntax: [ none | <custom-ident> ]#
Initial value: none
Inherited from: CSS.PropertiesHyphenFallback.-ms-flow-from
Defined in: node_modules/csstype/index.d.ts:14943
-ms-flow-into
• Optional
-ms-flow-into: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
The -ms-flow-into
CSS property is a Microsoft extension that gets or sets a value identifying an iframe container in the document that serves as the region's data source.
Syntax: [ none | <custom-ident> ]#
Initial value: none
Inherited from: CSS.PropertiesHyphenFallback.-ms-flow-into
Defined in: node_modules/csstype/index.d.ts:14951
-ms-grid-columns
• Optional
-ms-grid-columns: string | string & {} | (undefined | string | string & {})[]
The grid-template-columns
CSS property defines the line names and track sizing functions of the grid columns.
Syntax: none | <track-list> | <auto-track-list>
Initial value: none
Inherited from: CSS.PropertiesHyphenFallback.-ms-grid-columns
Defined in: node_modules/csstype/index.d.ts:14959
-ms-grid-rows
• Optional
-ms-grid-rows: string | string & {} | (undefined | string | string & {})[]
The grid-template-rows
CSS property defines the line names and track sizing functions of the grid rows.
Syntax: none | <track-list> | <auto-track-list>
Initial value: none
Inherited from: CSS.PropertiesHyphenFallback.-ms-grid-rows
Defined in: node_modules/csstype/index.d.ts:14967
-ms-high-contrast-adjust
• Optional
-ms-high-contrast-adjust: -moz-initial | inherit | initial | revert | unset | auto | none | (undefined | -moz-initial | inherit | initial | revert | unset | auto | none)[]
The -ms-high-contrast-adjust
CSS property is a Microsoft extension that gets or sets a value indicating whether to override any CSS properties that would have been set in high contrast mode.
Syntax: auto | none
Initial value: auto
Inherited from: CSS.PropertiesHyphenFallback.-ms-high-contrast-adjust
Defined in: node_modules/csstype/index.d.ts:14975
-ms-hyphenate-limit-chars
• Optional
-ms-hyphenate-limit-chars: -moz-initial | inherit | initial | revert | unset | string & {} | auto | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | auto | number & {})[]
The -ms-hyphenate-limit-chars
CSS property is a Microsoft extension that specifies one to three values indicating the minimum number of characters in a hyphenated word. If the word does not meet the required minimum number of characters in the word, before the hyphen, or after the hyphen, then the word is not hyphenated.
Syntax: auto | <integer>{1,3}
Initial value: auto
Inherited from: CSS.PropertiesHyphenFallback.-ms-hyphenate-limit-chars
Defined in: node_modules/csstype/index.d.ts:14983
-ms-hyphenate-limit-lines
• Optional
-ms-hyphenate-limit-lines: -moz-initial | inherit | initial | revert | unset | number & {} | no-limit | (undefined | -moz-initial | inherit | initial | revert | unset | number & {} | no-limit)[]
The -ms-hyphenate-limit-lines
CSS property is a Microsoft extension specifying the maximum number of consecutive lines in an element that may be ended with a hyphenated word.
Syntax: no-limit | <integer>
Initial value: no-limit
Inherited from: CSS.PropertiesHyphenFallback.-ms-hyphenate-limit-lines
Defined in: node_modules/csstype/index.d.ts:14991
-ms-hyphenate-limit-zone
• Optional
-ms-hyphenate-limit-zone: string | string & {} | (undefined | string | string & {})[]
The **-ms-hyphenate-limit-zone**
CSS property is a Microsoft extension specifying the width of the hyphenation zone.
Syntax: <percentage> | <length>
Initial value: 0
Inherited from: CSS.PropertiesHyphenFallback.-ms-hyphenate-limit-zone
Defined in: node_modules/csstype/index.d.ts:14999
-ms-hyphens
• Optional
-ms-hyphens: -moz-initial | inherit | initial | revert | unset | auto | none | manual | (undefined | -moz-initial | inherit | initial | revert | unset | auto | none | manual)[]
The hyphens
CSS property specifies how words should be hyphenated when text wraps across multiple lines. It can prevent hyphenation entirely, hyphenate at manually-specified points within the text, or let the browser automatically insert hyphens where appropriate.
Syntax: none | manual | auto
Initial value: manual
Inherited from: CSS.PropertiesHyphenFallback.-ms-hyphens
Defined in: node_modules/csstype/index.d.ts:15007
-ms-ime-align
• Optional
-ms-ime-align: -moz-initial | inherit | initial | revert | unset | auto | after | (undefined | -moz-initial | inherit | initial | revert | unset | auto | after)[]
The -ms-ime-align
CSS property is a Microsoft extension aligning the Input Method Editor (IME) candidate window box relative to the element on which the IME composition is active. The extension is implemented in Microsoft Edge and Internet Explorer 11.
Syntax: auto | after
Initial value: auto
Inherited from: CSS.PropertiesHyphenFallback.-ms-ime-align
Defined in: node_modules/csstype/index.d.ts:15015
-ms-ime-mode
• Optional
-ms-ime-mode: -moz-initial | inherit | initial | revert | unset | normal | auto | active | disabled | inactive | (undefined | -moz-initial | inherit | initial | revert | unset | normal | auto | active | disabled | inactive)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-ms-ime-mode
Defined in: node_modules/csstype/index.d.ts:17085
-ms-justify-self
• Optional
-ms-justify-self: left | right | -moz-initial | inherit | initial | revert | unset | stretch | center | end | flex-end | flex-start | start | baseline | normal | string & {} | self-end | self-start | auto | (undefined | left | right | -moz-initial | inherit | initial | revert | unset | stretch | center | end | flex-end | flex-start | start | baseline | normal | string & {} | self-end | self-start | auto)[]
The CSS justify-self
property sets the way a box is justified inside its alignment container along the appropriate axis.
Syntax: auto | normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ]
Initial value: auto
Inherited from: CSS.PropertiesHyphenFallback.-ms-justify-self
Defined in: node_modules/csstype/index.d.ts:15023
-ms-line-break
• Optional
-ms-line-break: strict | -moz-initial | inherit | initial | revert | unset | normal | auto | anywhere | loose | (undefined | strict | -moz-initial | inherit | initial | revert | unset | normal | auto | anywhere | loose)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-ms-line-break
Defined in: node_modules/csstype/index.d.ts:15031
-ms-order
• Optional
-ms-order: -moz-initial | inherit | initial | revert | unset | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | number & {})[]
The order
CSS property sets the order to lay out an item in a flex or grid container. Items in a container are sorted by ascending order
value and then by their source code order.
Syntax: <integer>
Initial value: 0
Inherited from: CSS.PropertiesHyphenFallback.-ms-order
Defined in: node_modules/csstype/index.d.ts:15039
-ms-overflow-style
• Optional
-ms-overflow-style: -moz-initial | inherit | initial | revert | unset | auto | none | -ms-autohiding-scrollbar | scrollbar | (undefined | -moz-initial | inherit | initial | revert | unset | auto | none | -ms-autohiding-scrollbar | scrollbar)[]
The -ms-overflow-style
CSS property is a Microsoft extension controlling the behavior of scrollbars when the content of an element overflows.
Syntax: auto | none | scrollbar | -ms-autohiding-scrollbar
Initial value: auto
Inherited from: CSS.PropertiesHyphenFallback.-ms-overflow-style
Defined in: node_modules/csstype/index.d.ts:15047
-ms-overflow-x
• Optional
-ms-overflow-x: clip | -moz-initial | inherit | initial | revert | unset | auto | hidden | visible | scroll | -moz-hidden-unscrollable | (undefined | clip | -moz-initial | inherit | initial | revert | unset | auto | hidden | visible | scroll | -moz-hidden-unscrollable)[]
The overflow-x
CSS property sets what shows when content overflows a block-level element's left and right edges. This may be nothing, a scroll bar, or the overflow content.
Syntax: visible | hidden | clip | scroll | auto
Initial value: visible
Inherited from: CSS.PropertiesHyphenFallback.-ms-overflow-x
Defined in: node_modules/csstype/index.d.ts:15055
-ms-overflow-y
• Optional
-ms-overflow-y: clip | -moz-initial | inherit | initial | revert | unset | auto | hidden | visible | scroll | -moz-hidden-unscrollable | (undefined | clip | -moz-initial | inherit | initial | revert | unset | auto | hidden | visible | scroll | -moz-hidden-unscrollable)[]
The overflow-y
CSS property sets what shows when content overflows a block-level element's top and bottom edges. This may be nothing, a scroll bar, or the overflow content.
Syntax: visible | hidden | clip | scroll | auto
Initial value: visible
Inherited from: CSS.PropertiesHyphenFallback.-ms-overflow-y
Defined in: node_modules/csstype/index.d.ts:15063
-ms-scroll-chaining
• Optional
-ms-scroll-chaining: -moz-initial | inherit | initial | revert | unset | none | chained | (undefined | -moz-initial | inherit | initial | revert | unset | none | chained)[]
The **-ms-scroll-chaining**
CSS property is a Microsoft extension that specifies the scrolling behavior that occurs when a user hits the scroll limit during a manipulation.
Syntax: chained | none
Initial value: chained
Inherited from: CSS.PropertiesHyphenFallback.-ms-scroll-chaining
Defined in: node_modules/csstype/index.d.ts:15071
-ms-scroll-limit
• Optional
-ms-scroll-limit: -moz-initial | inherit | initial | revert | unset | string & {} | (undefined | -moz-initial | inherit | initial | revert | unset | string & {})[]
The -ms-scroll-limit CSS property is a Microsoft extension that specifies values for the -ms-scroll-limit-x-min
, -ms-scroll-limit-y-min
, -ms-scroll-limit-x-max
, and -ms-scroll-limit-y-max
properties.
Syntax: <'-ms-scroll-limit-x-min'> <'-ms-scroll-limit-y-min'> <'-ms-scroll-limit-x-max'> <'-ms-scroll-limit-y-max'>
Inherited from: CSS.PropertiesHyphenFallback.-ms-scroll-limit
Defined in: node_modules/csstype/index.d.ts:16250
-ms-scroll-limit-x-max
• Optional
-ms-scroll-limit-x-max: string | (undefined | string)[]
The **-ms-scroll-limit-x-max**
CSS property is a Microsoft extension that specifies the maximum value for the Element.scrollLeft
property.
Syntax: auto | <length>
Initial value: auto
Inherited from: CSS.PropertiesHyphenFallback.-ms-scroll-limit-x-max
Defined in: node_modules/csstype/index.d.ts:15079
-ms-scroll-limit-x-min
• Optional
-ms-scroll-limit-x-min: string | (undefined | string)[]
The -ms-scroll-limit-x-min
CSS property is a Microsoft extension that specifies the minimum value for the Element.scrollLeft
property.
Syntax: <length>
Initial value: 0
Inherited from: CSS.PropertiesHyphenFallback.-ms-scroll-limit-x-min
Defined in: node_modules/csstype/index.d.ts:15087
-ms-scroll-limit-y-max
• Optional
-ms-scroll-limit-y-max: string | (undefined | string)[]
The -ms-scroll-limit-y-max
CSS property is a Microsoft extension that specifies the maximum value for the Element.scrollTop
property.
Syntax: auto | <length>
Initial value: auto
Inherited from: CSS.PropertiesHyphenFallback.-ms-scroll-limit-y-max
Defined in: node_modules/csstype/index.d.ts:15095
-ms-scroll-limit-y-min
• Optional
-ms-scroll-limit-y-min: string | (undefined | string)[]
The -ms-scroll-limit-y-min
CSS property is a Microsoft extension that specifies the minimum value for the Element.scrollTop
property.
Syntax: <length>
Initial value: 0
Inherited from: CSS.PropertiesHyphenFallback.-ms-scroll-limit-y-min
Defined in: node_modules/csstype/index.d.ts:15103
-ms-scroll-rails
• Optional
-ms-scroll-rails: -moz-initial | inherit | initial | revert | unset | none | railed | (undefined | -moz-initial | inherit | initial | revert | unset | none | railed)[]
The -ms-scroll-rails
CSS property is a Microsoft extension that specifies whether scrolling locks to the primary axis of motion.
Syntax: none | railed
Initial value: railed
Inherited from: CSS.PropertiesHyphenFallback.-ms-scroll-rails
Defined in: node_modules/csstype/index.d.ts:15111
-ms-scroll-snap-points-x
• Optional
-ms-scroll-snap-points-x: -moz-initial | inherit | initial | revert | unset | string & {} | (undefined | -moz-initial | inherit | initial | revert | unset | string & {})[]
The -ms-scroll-snap-points-x
CSS property is a Microsoft extension that specifies where snap-points will be located along the x-axis.
Syntax: snapInterval( <length-percentage>, <length-percentage> ) | snapList( <length-percentage># )
Initial value: snapInterval(0px, 100%)
Inherited from: CSS.PropertiesHyphenFallback.-ms-scroll-snap-points-x
Defined in: node_modules/csstype/index.d.ts:15119
-ms-scroll-snap-points-y
• Optional
-ms-scroll-snap-points-y: -moz-initial | inherit | initial | revert | unset | string & {} | (undefined | -moz-initial | inherit | initial | revert | unset | string & {})[]
The -ms-scroll-snap-points-y
CSS property is a Microsoft extension that specifies where snap-points will be located along the y-axis.
Syntax: snapInterval( <length-percentage>, <length-percentage> ) | snapList( <length-percentage># )
Initial value: snapInterval(0px, 100%)
Inherited from: CSS.PropertiesHyphenFallback.-ms-scroll-snap-points-y
Defined in: node_modules/csstype/index.d.ts:15127
-ms-scroll-snap-type
• Optional
-ms-scroll-snap-type: -moz-initial | inherit | initial | revert | unset | none | mandatory | proximity | (undefined | -moz-initial | inherit | initial | revert | unset | none | mandatory | proximity)[]
The scroll-snap-type
CSS property sets how strictly snap points are enforced on the scroll container in case there is one.
Syntax: none | proximity | mandatory
Initial value: none
Inherited from: CSS.PropertiesHyphenFallback.-ms-scroll-snap-type
Defined in: node_modules/csstype/index.d.ts:15135
-ms-scroll-snap-x
• Optional
-ms-scroll-snap-x: -moz-initial | inherit | initial | revert | unset | string & {} | (undefined | -moz-initial | inherit | initial | revert | unset | string & {})[]
The -ms-scroll-snap-x
CSS shorthand property is a Microsoft extension that specifies values for the -ms-scroll-snap-type
and -ms-scroll-snap-points-x
properties.
Syntax: <'-ms-scroll-snap-type'> <'-ms-scroll-snap-points-x'>
Inherited from: CSS.PropertiesHyphenFallback.-ms-scroll-snap-x
Defined in: node_modules/csstype/index.d.ts:16256
-ms-scroll-snap-y
• Optional
-ms-scroll-snap-y: -moz-initial | inherit | initial | revert | unset | string & {} | (undefined | -moz-initial | inherit | initial | revert | unset | string & {})[]
The -ms-scroll-snap-x
CSS shorthand property is a Microsoft extension that specifies values for the -ms-scroll-snap-type
and -ms-scroll-snap-points-y
properties.
Syntax: <'-ms-scroll-snap-type'> <'-ms-scroll-snap-points-y'>
Inherited from: CSS.PropertiesHyphenFallback.-ms-scroll-snap-y
Defined in: node_modules/csstype/index.d.ts:16262
-ms-scroll-translation
• Optional
-ms-scroll-translation: -moz-initial | inherit | initial | revert | unset | none | vertical-to-horizontal | (undefined | -moz-initial | inherit | initial | revert | unset | none | vertical-to-horizontal)[]
The -ms-scroll-translation
CSS property is a Microsoft extension that specifies whether vertical-to-horizontal scroll wheel translation occurs on the specified element.
Syntax: none | vertical-to-horizontal
Initial value: none
Inherited from: CSS.PropertiesHyphenFallback.-ms-scroll-translation
Defined in: node_modules/csstype/index.d.ts:15143
-ms-scrollbar-3dlight-color
• Optional
-ms-scrollbar-3dlight-color: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
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.
Syntax: <color>
Initial value: depends on user agent
Inherited from: CSS.PropertiesHyphenFallback.-ms-scrollbar-3dlight-color
Defined in: node_modules/csstype/index.d.ts:15151
-ms-scrollbar-arrow-color
• Optional
-ms-scrollbar-arrow-color: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
The -ms-scrollbar-arrow-color
CSS property is a Microsoft extension that specifies the color of the arrow elements of a scroll arrow.
Syntax: <color>
Initial value: ButtonText
Inherited from: CSS.PropertiesHyphenFallback.-ms-scrollbar-arrow-color
Defined in: node_modules/csstype/index.d.ts:15159
-ms-scrollbar-base-color
• Optional
-ms-scrollbar-base-color: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
The **-ms-scrollbar-base-color**
CSS property is a Microsoft extension that specifies the base color of the main elements of a scroll bar.
Syntax: <color>
Initial value: depends on user agent
Inherited from: CSS.PropertiesHyphenFallback.-ms-scrollbar-base-color
Defined in: node_modules/csstype/index.d.ts:15167
-ms-scrollbar-darkshadow-color
• Optional
-ms-scrollbar-darkshadow-color: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
The -ms-scrollbar-darkshadow-color
CSS property is a Microsoft extension that specifies the color of a scroll bar's gutter.
Syntax: <color>
Initial value: ThreeDDarkShadow
Inherited from: CSS.PropertiesHyphenFallback.-ms-scrollbar-darkshadow-color
Defined in: node_modules/csstype/index.d.ts:15175
-ms-scrollbar-face-color
• Optional
-ms-scrollbar-face-color: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
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.
Syntax: <color>
Initial value: ThreeDFace
Inherited from: CSS.PropertiesHyphenFallback.-ms-scrollbar-face-color
Defined in: node_modules/csstype/index.d.ts:15183
-ms-scrollbar-highlight-color
• Optional
-ms-scrollbar-highlight-color: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
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.
Syntax: <color>
Initial value: ThreeDHighlight
Inherited from: CSS.PropertiesHyphenFallback.-ms-scrollbar-highlight-color
Defined in: node_modules/csstype/index.d.ts:15191
-ms-scrollbar-shadow-color
• Optional
-ms-scrollbar-shadow-color: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
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.
Syntax: <color>
Initial value: ThreeDDarkShadow
Inherited from: CSS.PropertiesHyphenFallback.-ms-scrollbar-shadow-color
Defined in: node_modules/csstype/index.d.ts:15199
-ms-scrollbar-track-color
• Optional
-ms-scrollbar-track-color: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-ms-scrollbar-track-color
Defined in: node_modules/csstype/index.d.ts:17095
-ms-text-autospace
• Optional
-ms-text-autospace: -moz-initial | inherit | initial | revert | unset | none | ideograph-alpha | ideograph-numeric | ideograph-parenthesis | ideograph-space | (undefined | -moz-initial | inherit | initial | revert | unset | none | ideograph-alpha | ideograph-numeric | ideograph-parenthesis | ideograph-space)[]
The -ms-text-autospace
CSS property is a Microsoft extension that specifies the autospacing and narrow space width adjustment of text.
Syntax: none | ideograph-alpha | ideograph-numeric | ideograph-parenthesis | ideograph-space
Initial value: none
Inherited from: CSS.PropertiesHyphenFallback.-ms-text-autospace
Defined in: node_modules/csstype/index.d.ts:15207
-ms-text-combine-horizontal
• Optional
-ms-text-combine-horizontal: all | -ms-text-combine-horizontal | -moz-initial | inherit | initial | revert | unset | string & {} | none | digits | (undefined | all | -ms-text-combine-horizontal | -moz-initial | inherit | initial | revert | unset | string & {} | none | digits)[]
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.
Syntax: none | all | [ digits <integer>? ]
Initial value: none
Inherited from: CSS.PropertiesHyphenFallback.-ms-text-combine-horizontal
Defined in: node_modules/csstype/index.d.ts:15215
-ms-text-overflow
• Optional
-ms-text-overflow: clip | -moz-initial | inherit | initial | revert | unset | string & {} | ellipsis | (undefined | clip | -moz-initial | inherit | initial | revert | unset | string & {} | ellipsis)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-ms-text-overflow
Defined in: node_modules/csstype/index.d.ts:15223
-ms-touch-action
• Optional
-ms-touch-action: -moz-initial | inherit | initial | revert | unset | string & {} | auto | none | -ms-manipulation | -ms-none | -ms-pinch-zoom | manipulation | pan-down | pan-left | pan-right | pan-up | pan-x | pan-y | pinch-zoom | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | auto | none | -ms-manipulation | -ms-none | -ms-pinch-zoom | manipulation | pan-down | pan-left | pan-right | pan-up | pan-x | pan-y | pinch-zoom)[]
The touch-action
CSS property sets how an element's region can be manipulated by a touchscreen user (for example, by zooming features built into the browser).
Syntax: auto | none | [ [ pan-x | pan-left | pan-right ] || [ pan-y | pan-up | pan-down ] || pinch-zoom ] | manipulation
Initial value: auto
Inherited from: CSS.PropertiesHyphenFallback.-ms-touch-action
Defined in: node_modules/csstype/index.d.ts:15231
-ms-touch-select
• Optional
-ms-touch-select: -moz-initial | inherit | initial | revert | unset | none | grippers | (undefined | -moz-initial | inherit | initial | revert | unset | none | grippers)[]
The -ms-touch-select
CSS property is a Microsoft extension that toggles the gripper visual elements that enable touch text selection.
Syntax: grippers | none
Initial value: grippers
Inherited from: CSS.PropertiesHyphenFallback.-ms-touch-select
Defined in: node_modules/csstype/index.d.ts:15239
-ms-transform
• Optional
-ms-transform: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-ms-transform
Defined in: node_modules/csstype/index.d.ts:15247
-ms-transform-origin
• Optional
-ms-transform-origin: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesHyphenFallback.-ms-transform-origin
Defined in: node_modules/csstype/index.d.ts:15255
-ms-transition
• Optional
-ms-transition: string | string & {} | (undefined | string | string & {})[]
The transition
CSS property is a shorthand property for transition-property
, transition-duration
, transition-timing-function
, and transition-delay
.
Syntax: <single-transition>#
Inherited from: CSS.PropertiesHyphenFallback.-ms-transition
Defined in: node_modules/csstype/index.d.ts:16268
-ms-transition-delay
• Optional
-ms-transition-delay: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesHyphenFallback.-ms-transition-delay
Defined in: node_modules/csstype/index.d.ts:15263
-ms-transition-duration
• Optional
-ms-transition-duration: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesHyphenFallback.-ms-transition-duration
Defined in: node_modules/csstype/index.d.ts:15271
-ms-transition-property
• Optional
-ms-transition-property: all | -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | all | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-ms-transition-property
Defined in: node_modules/csstype/index.d.ts:15279
-ms-transition-timing-function
• Optional
-ms-transition-timing-function: -moz-initial | inherit | initial | revert | unset | string & {} | ease | ease-in | ease-in-out | ease-out | step-end | step-start | linear | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | ease | ease-in | ease-in-out | ease-out | step-end | step-start | linear)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-ms-transition-timing-function
Defined in: node_modules/csstype/index.d.ts:15287
-ms-user-select
• Optional
-ms-user-select: -moz-initial | inherit | initial | revert | unset | none | text | element | (undefined | -moz-initial | inherit | initial | revert | unset | none | text | element)[]
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: none | element | text
Initial value: text
Inherited from: CSS.PropertiesHyphenFallback.-ms-user-select
Defined in: node_modules/csstype/index.d.ts:15295
-ms-word-break
• Optional
-ms-word-break: -moz-initial | inherit | initial | revert | unset | normal | break-word | break-all | keep-all | (undefined | -moz-initial | inherit | initial | revert | unset | normal | break-word | break-all | keep-all)[]
The word-break
CSS property sets whether line breaks appear wherever the text would otherwise overflow its content box.
Syntax: normal | break-all | keep-all | break-word
Initial value: normal
Inherited from: CSS.PropertiesHyphenFallback.-ms-word-break
Defined in: node_modules/csstype/index.d.ts:15303
-ms-wrap-flow
• Optional
-ms-wrap-flow: clear | -moz-initial | inherit | initial | revert | unset | end | start | auto | both | maximum | (undefined | clear | -moz-initial | inherit | initial | revert | unset | end | start | auto | both | maximum)[]
The -ms-wrap-flow
CSS property is a Microsoft extension that specifies how exclusions impact inline content within block-level elements.
Syntax: auto | both | start | end | maximum | clear
Initial value: auto
Inherited from: CSS.PropertiesHyphenFallback.-ms-wrap-flow
Defined in: node_modules/csstype/index.d.ts:15311
-ms-wrap-margin
• Optional
-ms-wrap-margin: string | (undefined | string)[]
The -ms-wrap-margin
CSS property is a Microsoft extension that specifies a margin that offsets the inner wrap shape from other shapes.
Syntax: <length>
Initial value: 0
Inherited from: CSS.PropertiesHyphenFallback.-ms-wrap-margin
Defined in: node_modules/csstype/index.d.ts:15319
-ms-wrap-through
• Optional
-ms-wrap-through: -moz-initial | inherit | initial | revert | unset | none | wrap | (undefined | -moz-initial | inherit | initial | revert | unset | none | wrap)[]
The -ms-wrap-through
CSS property is a Microsoft extension that specifies how content should wrap around an exclusion element.
Syntax: wrap | none
Initial value: wrap
Inherited from: CSS.PropertiesHyphenFallback.-ms-wrap-through
Defined in: node_modules/csstype/index.d.ts:15327
-ms-writing-mode
• Optional
-ms-writing-mode: -moz-initial | inherit | initial | revert | unset | horizontal-tb | sideways-lr | sideways-rl | vertical-lr | vertical-rl | (undefined | -moz-initial | inherit | initial | revert | unset | horizontal-tb | sideways-lr | sideways-rl | vertical-lr | vertical-rl)[]
The writing-mode
CSS property sets whether lines of text are laid out horizontally or vertically, as well as the direction in which blocks progress. When set for an entire document, it should be set on the root element (html
element for HTML documents).
Syntax: horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr
Initial value: horizontal-tb
Inherited from: CSS.PropertiesHyphenFallback.-ms-writing-mode
Defined in: node_modules/csstype/index.d.ts:15335
-o-animation
• Optional
-o-animation: string | string & {} | number & {} | (undefined | string | string & {} | number & {})[]
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
Inherited from: CSS.PropertiesHyphenFallback.-o-animation
Defined in: node_modules/csstype/index.d.ts:17105
-o-animation-delay
• Optional
-o-animation-delay: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesHyphenFallback.-o-animation-delay
Defined in: node_modules/csstype/index.d.ts:17113
-o-animation-direction
• Optional
-o-animation-direction: -moz-initial | inherit | initial | revert | unset | normal | string & {} | alternate | alternate-reverse | reverse | (undefined | -moz-initial | inherit | initial | revert | unset | normal | string & {} | alternate | alternate-reverse | reverse)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-o-animation-direction
Defined in: node_modules/csstype/index.d.ts:17123
-o-animation-duration
• Optional
-o-animation-duration: string | string & {} | (undefined | string | string & {})[]
The animation-duration
CSS property sets the length of time that an animation takes to complete one cycle.
Syntax: <time>#
Initial value: 0s
deprecated
Inherited from: CSS.PropertiesHyphenFallback.-o-animation-duration
Defined in: node_modules/csstype/index.d.ts:17133
-o-animation-fill-mode
• Optional
-o-animation-fill-mode: -moz-initial | inherit | initial | revert | unset | string & {} | backwards | both | forwards | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | backwards | both | forwards | none)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-o-animation-fill-mode
Defined in: node_modules/csstype/index.d.ts:17143
-o-animation-iteration-count
• Optional
-o-animation-iteration-count: -moz-initial | inherit | initial | revert | unset | string & {} | infinite | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | infinite | number & {})[]
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
Inherited from: CSS.PropertiesHyphenFallback.-o-animation-iteration-count
Defined in: node_modules/csstype/index.d.ts:17153
-o-animation-name
• Optional
-o-animation-name: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-o-animation-name
Defined in: node_modules/csstype/index.d.ts:17163
-o-animation-play-state
• Optional
-o-animation-play-state: -moz-initial | inherit | initial | revert | unset | string & {} | paused | running | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | paused | running)[]
The animation-play-state
CSS property sets whether an animation is running or paused.
Syntax: <single-animation-play-state>#
Initial value: running
deprecated
Inherited from: CSS.PropertiesHyphenFallback.-o-animation-play-state
Defined in: node_modules/csstype/index.d.ts:17173
-o-animation-timing-function
• Optional
-o-animation-timing-function: -moz-initial | inherit | initial | revert | unset | string & {} | ease | ease-in | ease-in-out | ease-out | step-end | step-start | linear | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | ease | ease-in | ease-in-out | ease-out | step-end | step-start | linear)[]
The animation-timing-function
CSS property sets how an animation progresses through the duration of each cycle.
Syntax: <easing-function>#
Initial value: ease
deprecated
Inherited from: CSS.PropertiesHyphenFallback.-o-animation-timing-function
Defined in: node_modules/csstype/index.d.ts:17183
-o-background-size
• Optional
-o-background-size: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesHyphenFallback.-o-background-size
Defined in: node_modules/csstype/index.d.ts:17193
-o-border-image
• Optional
-o-border-image: space | -moz-initial | inherit | initial | revert | unset | stretch | string & {} | none | number & {} | repeat | round | (undefined | space | -moz-initial | inherit | initial | revert | unset | stretch | string & {} | none | number & {} | repeat | round)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-o-border-image
Defined in: node_modules/csstype/index.d.ts:17203
-o-object-fit
• Optional
-o-object-fit: fill | contain | -moz-initial | inherit | initial | revert | unset | none | cover | scale-down | (undefined | fill | contain | -moz-initial | inherit | initial | revert | unset | none | cover | scale-down)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-o-object-fit
Defined in: node_modules/csstype/index.d.ts:15343
-o-object-position
• Optional
-o-object-position: string | string & {} | (undefined | string | string & {})[]
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%
Inherited from: CSS.PropertiesHyphenFallback.-o-object-position
Defined in: node_modules/csstype/index.d.ts:15351
-o-tab-size
• Optional
-o-tab-size: string | number & {} | (undefined | string | number & {})[]
The tab-size
CSS property is used to customize the width of tab characters (U+0009).
Syntax: <integer> | <length>
Initial value: 8
Inherited from: CSS.PropertiesHyphenFallback.-o-tab-size
Defined in: node_modules/csstype/index.d.ts:15359
-o-text-overflow
• Optional
-o-text-overflow: clip | -moz-initial | inherit | initial | revert | unset | string & {} | ellipsis | (undefined | clip | -moz-initial | inherit | initial | revert | unset | string & {} | ellipsis)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-o-text-overflow
Defined in: node_modules/csstype/index.d.ts:15367
-o-transform
• Optional
-o-transform: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-o-transform
Defined in: node_modules/csstype/index.d.ts:17211
-o-transform-origin
• Optional
-o-transform-origin: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesHyphenFallback.-o-transform-origin
Defined in: node_modules/csstype/index.d.ts:15375
-o-transition
• Optional
-o-transition: string | string & {} | (undefined | string | string & {})[]
The transition
CSS property is a shorthand property for transition-property
, transition-duration
, transition-timing-function
, and transition-delay
.
Syntax: <single-transition>#
deprecated
Inherited from: CSS.PropertiesHyphenFallback.-o-transition
Defined in: node_modules/csstype/index.d.ts:17221
-o-transition-delay
• Optional
-o-transition-delay: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesHyphenFallback.-o-transition-delay
Defined in: node_modules/csstype/index.d.ts:17229
-o-transition-duration
• Optional
-o-transition-duration: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesHyphenFallback.-o-transition-duration
Defined in: node_modules/csstype/index.d.ts:17239
-o-transition-property
• Optional
-o-transition-property: all | -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | all | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-o-transition-property
Defined in: node_modules/csstype/index.d.ts:17249
-o-transition-timing-function
• Optional
-o-transition-timing-function: -moz-initial | inherit | initial | revert | unset | string & {} | ease | ease-in | ease-in-out | ease-out | step-end | step-start | linear | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | ease | ease-in | ease-in-out | ease-out | step-end | step-start | linear)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-o-transition-timing-function
Defined in: node_modules/csstype/index.d.ts:17259
-webkit-align-content
• Optional
-webkit-align-content: -moz-initial | inherit | initial | revert | unset | space-around | space-between | space-evenly | stretch | center | end | flex-end | flex-start | start | baseline | normal | string & {} | (undefined | -moz-initial | inherit | initial | revert | unset | space-around | space-between | space-evenly | stretch | center | end | flex-end | flex-start | start | baseline | normal | string & {})[]
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
Inherited from: CSS.PropertiesHyphenFallback.-webkit-align-content
Defined in: node_modules/csstype/index.d.ts:15383
-webkit-align-items
• Optional
-webkit-align-items: -moz-initial | inherit | initial | revert | unset | stretch | center | end | flex-end | flex-start | start | baseline | normal | string & {} | self-end | self-start | (undefined | -moz-initial | inherit | initial | revert | unset | stretch | center | end | flex-end | flex-start | start | baseline | normal | string & {} | self-end | self-start)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-webkit-align-items
Defined in: node_modules/csstype/index.d.ts:15391
-webkit-align-self
• Optional
-webkit-align-self: -moz-initial | inherit | initial | revert | unset | stretch | center | end | flex-end | flex-start | start | baseline | normal | string & {} | self-end | self-start | auto | (undefined | -moz-initial | inherit | initial | revert | unset | stretch | center | end | flex-end | flex-start | start | baseline | normal | string & {} | self-end | self-start | auto)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-webkit-align-self
Defined in: node_modules/csstype/index.d.ts:15399
-webkit-animation
• Optional
-webkit-animation: string | string & {} | number & {} | (undefined | string | string & {} | number & {})[]
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>#
Inherited from: CSS.PropertiesHyphenFallback.-webkit-animation
Defined in: node_modules/csstype/index.d.ts:16274
-webkit-animation-delay
• Optional
-webkit-animation-delay: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesHyphenFallback.-webkit-animation-delay
Defined in: node_modules/csstype/index.d.ts:15407
-webkit-animation-direction
• Optional
-webkit-animation-direction: -moz-initial | inherit | initial | revert | unset | normal | string & {} | alternate | alternate-reverse | reverse | (undefined | -moz-initial | inherit | initial | revert | unset | normal | string & {} | alternate | alternate-reverse | reverse)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-webkit-animation-direction
Defined in: node_modules/csstype/index.d.ts:15415
-webkit-animation-duration
• Optional
-webkit-animation-duration: string | string & {} | (undefined | string | string & {})[]
The animation-duration
CSS property sets the length of time that an animation takes to complete one cycle.
Syntax: <time>#
Initial value: 0s
Inherited from: CSS.PropertiesHyphenFallback.-webkit-animation-duration
Defined in: node_modules/csstype/index.d.ts:15423
-webkit-animation-fill-mode
• Optional
-webkit-animation-fill-mode: -moz-initial | inherit | initial | revert | unset | string & {} | backwards | both | forwards | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | backwards | both | forwards | none)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-webkit-animation-fill-mode
Defined in: node_modules/csstype/index.d.ts:15431
-webkit-animation-iteration-count
• Optional
-webkit-animation-iteration-count: -moz-initial | inherit | initial | revert | unset | string & {} | infinite | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | infinite | number & {})[]
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
Inherited from: CSS.PropertiesHyphenFallback.-webkit-animation-iteration-count
Defined in: node_modules/csstype/index.d.ts:15439
-webkit-animation-name
• Optional
-webkit-animation-name: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-webkit-animation-name
Defined in: node_modules/csstype/index.d.ts:15447
-webkit-animation-play-state
• Optional
-webkit-animation-play-state: -moz-initial | inherit | initial | revert | unset | string & {} | paused | running | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | paused | running)[]
The animation-play-state
CSS property sets whether an animation is running or paused.
Syntax: <single-animation-play-state>#
Initial value: running
Inherited from: CSS.PropertiesHyphenFallback.-webkit-animation-play-state
Defined in: node_modules/csstype/index.d.ts:15455
-webkit-animation-timing-function
• Optional
-webkit-animation-timing-function: -moz-initial | inherit | initial | revert | unset | string & {} | ease | ease-in | ease-in-out | ease-out | step-end | step-start | linear | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | ease | ease-in | ease-in-out | ease-out | step-end | step-start | linear)[]
The animation-timing-function
CSS property sets how an animation progresses through the duration of each cycle.
Syntax: <easing-function>#
Initial value: ease
Inherited from: CSS.PropertiesHyphenFallback.-webkit-animation-timing-function
Defined in: node_modules/csstype/index.d.ts:15463
-webkit-appearance
• Optional
-webkit-appearance: -moz-initial | inherit | initial | revert | unset | none | button | checkbox | listbox | menulist | meter | progress-bar | push-button | radio | searchfield | slider-horizontal | square-button | textarea | menulist-button | textfield | button-bevel | caret | listitem | menulist-text | menulist-textfield | -apple-pay-button | default-button | inner-spin-button | media-controls-background | media-controls-fullscreen-background | media-current-time-display | media-enter-fullscreen-button | media-exit-fullscreen-button | media-fullscreen-button | media-mute-button | media-overlay-play-button | media-play-button | media-seek-back-button | media-seek-forward-button | media-slider | media-sliderthumb | media-time-remaining-display | media-toggle-closed-captions-button | media-volume-slider | media-volume-slider-container | media-volume-sliderthumb | progress-bar-value | searchfield-cancel-button | searchfield-decoration | searchfield-results-button | searchfield-results-decoration | slider-vertical | sliderthumb-horizontal | sliderthumb-vertical | (undefined | -moz-initial | inherit | initial | revert | unset | none | button | checkbox | listbox | menulist | meter | progress-bar | push-button | radio | searchfield | slider-horizontal | square-button | textarea | menulist-button | textfield | button-bevel | caret | listitem | menulist-text | menulist-textfield | -apple-pay-button | default-button | inner-spin-button | media-controls-background | media-controls-fullscreen-background | media-current-time-display | media-enter-fullscreen-button | media-exit-fullscreen-button | media-fullscreen-button | media-mute-button | media-overlay-play-button | media-play-button | media-seek-back-button | media-seek-forward-button | media-slider | media-sliderthumb | media-time-remaining-display | media-toggle-closed-captions-button | media-volume-slider | media-volume-slider-container | media-volume-sliderthumb | progress-bar-value | searchfield-cancel-button | searchfield-decoration | searchfield-results-button | searchfield-results-decoration | slider-vertical | sliderthumb-horizontal | sliderthumb-vertical)[]
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 | button | button-bevel | caret | checkbox | default-button | inner-spin-button | listbox | listitem | media-controls-background | media-controls-fullscreen-background | media-current-time-display | media-enter-fullscreen-button | media-exit-fullscreen-button | media-fullscreen-button | media-mute-button | media-overlay-play-button | media-play-button | media-seek-back-button | media-seek-forward-button | media-slider | media-sliderthumb | media-time-remaining-display | media-toggle-closed-captions-button | media-volume-slider | media-volume-slider-container | media-volume-sliderthumb | menulist | menulist-button | menulist-text | menulist-textfield | meter | progress-bar | progress-bar-value | push-button | radio | searchfield | searchfield-cancel-button | searchfield-decoration | searchfield-results-button | searchfield-results-decoration | slider-horizontal | slider-vertical | sliderthumb-horizontal | sliderthumb-vertical | square-button | textarea | textfield | -apple-pay-button
Initial value: none
(but this value is overridden in the user agent CSS)
Inherited from: CSS.PropertiesHyphenFallback.-webkit-appearance
Defined in: node_modules/csstype/index.d.ts:15471
-webkit-backdrop-filter
• Optional
-webkit-backdrop-filter: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-webkit-backdrop-filter
Defined in: node_modules/csstype/index.d.ts:15479
-webkit-backface-visibility
• Optional
-webkit-backface-visibility: -moz-initial | inherit | initial | revert | unset | hidden | visible | (undefined | -moz-initial | inherit | initial | revert | unset | hidden | visible)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-webkit-backface-visibility
Defined in: node_modules/csstype/index.d.ts:15487
-webkit-background-clip
• Optional
-webkit-background-clip: -moz-initial | inherit | initial | revert | unset | string & {} | border-box | content-box | padding-box | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | border-box | content-box | padding-box)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-webkit-background-clip
Defined in: node_modules/csstype/index.d.ts:15495
-webkit-background-origin
• Optional
-webkit-background-origin: -moz-initial | inherit | initial | revert | unset | string & {} | border-box | content-box | padding-box | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | border-box | content-box | padding-box)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-webkit-background-origin
Defined in: node_modules/csstype/index.d.ts:15503
-webkit-background-size
• Optional
-webkit-background-size: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesHyphenFallback.-webkit-background-size
Defined in: node_modules/csstype/index.d.ts:15511
-webkit-border-before
• Optional
-webkit-border-before: string | string & {} | (undefined | string | string & {})[]
The -webkit-border-before
CSS property is a shorthand property for setting the individual logical block start border property values in a single place in the style sheet.
Syntax: <'border-width'> || <'border-style'> || <color>
Inherited from: CSS.PropertiesHyphenFallback.-webkit-border-before
Defined in: node_modules/csstype/index.d.ts:16280
-webkit-border-before-color
• Optional
-webkit-border-before-color: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
Syntax: <color>
Initial value: currentcolor
Inherited from: CSS.PropertiesHyphenFallback.-webkit-border-before-color
Defined in: node_modules/csstype/index.d.ts:15519
-webkit-border-before-style
• Optional
-webkit-border-before-style: inset | -moz-initial | inherit | initial | revert | unset | string & {} | none | hidden | dashed | dotted | double | groove | outset | ridge | solid | (undefined | inset | -moz-initial | inherit | initial | revert | unset | string & {} | none | hidden | dashed | dotted | double | groove | outset | ridge | solid)[]
Syntax: <'border-style'>
Initial value: none
Inherited from: CSS.PropertiesHyphenFallback.-webkit-border-before-style
Defined in: node_modules/csstype/index.d.ts:15525
-webkit-border-before-width
• Optional
-webkit-border-before-width: string | string & {} | (undefined | string | string & {})[]
Syntax: <'border-width'>
Initial value: medium
Inherited from: CSS.PropertiesHyphenFallback.-webkit-border-before-width
Defined in: node_modules/csstype/index.d.ts:15531
-webkit-border-bottom-left-radius
• Optional
-webkit-border-bottom-left-radius: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesHyphenFallback.-webkit-border-bottom-left-radius
Defined in: node_modules/csstype/index.d.ts:15537
-webkit-border-bottom-right-radius
• Optional
-webkit-border-bottom-right-radius: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesHyphenFallback.-webkit-border-bottom-right-radius
Defined in: node_modules/csstype/index.d.ts:15545
-webkit-border-image
• Optional
-webkit-border-image: space | -moz-initial | inherit | initial | revert | unset | stretch | string & {} | none | number & {} | repeat | round | (undefined | space | -moz-initial | inherit | initial | revert | unset | stretch | string & {} | none | number & {} | repeat | round)[]
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'>
Inherited from: CSS.PropertiesHyphenFallback.-webkit-border-image
Defined in: node_modules/csstype/index.d.ts:16286
-webkit-border-image-slice
• Optional
-webkit-border-image-slice: -moz-initial | inherit | initial | revert | unset | string & {} | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | number & {})[]
The border-image-slice
CSS property divides the image specified by border-image-source
into regions. These regions form the components of an element's border image.
Syntax: <number-percentage>{1,4} && fill?
Initial value: 100%
Inherited from: CSS.PropertiesHyphenFallback.-webkit-border-image-slice
Defined in: node_modules/csstype/index.d.ts:15553
-webkit-border-radius
• Optional
-webkit-border-radius: string | string & {} | (undefined | string | string & {})[]
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} ]?
Inherited from: CSS.PropertiesHyphenFallback.-webkit-border-radius
Defined in: node_modules/csstype/index.d.ts:16292
-webkit-border-top-left-radius
• Optional
-webkit-border-top-left-radius: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesHyphenFallback.-webkit-border-top-left-radius
Defined in: node_modules/csstype/index.d.ts:15561
-webkit-border-top-right-radius
• Optional
-webkit-border-top-right-radius: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesHyphenFallback.-webkit-border-top-right-radius
Defined in: node_modules/csstype/index.d.ts:15569
-webkit-box-align
• Optional
-webkit-box-align: -moz-initial | inherit | initial | revert | unset | stretch | center | end | start | baseline | (undefined | -moz-initial | inherit | initial | revert | unset | stretch | center | end | start | baseline)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-webkit-box-align
Defined in: node_modules/csstype/index.d.ts:17269
-webkit-box-decoration-break
• Optional
-webkit-box-decoration-break: -moz-initial | inherit | initial | revert | unset | clone | slice | (undefined | -moz-initial | inherit | initial | revert | unset | clone | slice)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-webkit-box-decoration-break
Defined in: node_modules/csstype/index.d.ts:15577
-webkit-box-direction
• Optional
-webkit-box-direction: -moz-initial | inherit | initial | revert | unset | normal | reverse | (undefined | -moz-initial | inherit | initial | revert | unset | normal | reverse)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-webkit-box-direction
Defined in: node_modules/csstype/index.d.ts:17279
-webkit-box-flex
• Optional
-webkit-box-flex: -moz-initial | inherit | initial | revert | unset | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | number & {})[]
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
Inherited from: CSS.PropertiesHyphenFallback.-webkit-box-flex
Defined in: node_modules/csstype/index.d.ts:17289
-webkit-box-flex-group
• Optional
-webkit-box-flex-group: -moz-initial | inherit | initial | revert | unset | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | number & {})[]
The box-flex-group
CSS property assigns the flexbox's child elements to a flex group.
Syntax: <integer>
Initial value: 1
deprecated
Inherited from: CSS.PropertiesHyphenFallback.-webkit-box-flex-group
Defined in: node_modules/csstype/index.d.ts:17299
-webkit-box-lines
• Optional
-webkit-box-lines: -moz-initial | inherit | initial | revert | unset | multiple | single | (undefined | -moz-initial | inherit | initial | revert | unset | multiple | single)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-webkit-box-lines
Defined in: node_modules/csstype/index.d.ts:17309
-webkit-box-ordinal-group
• Optional
-webkit-box-ordinal-group: -moz-initial | inherit | initial | revert | unset | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | number & {})[]
The box-ordinal-group
CSS property assigns the flexbox's child elements to an ordinal group.
Syntax: <integer>
Initial value: 1
deprecated
Inherited from: CSS.PropertiesHyphenFallback.-webkit-box-ordinal-group
Defined in: node_modules/csstype/index.d.ts:17319
-webkit-box-orient
• Optional
-webkit-box-orient: -moz-initial | inherit | initial | revert | unset | horizontal | vertical | block-axis | inline-axis | (undefined | -moz-initial | inherit | initial | revert | unset | horizontal | vertical | block-axis | inline-axis)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-webkit-box-orient
Defined in: node_modules/csstype/index.d.ts:17329
-webkit-box-pack
• Optional
-webkit-box-pack: -moz-initial | inherit | initial | revert | unset | center | end | start | justify | (undefined | -moz-initial | inherit | initial | revert | unset | center | end | start | justify)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-webkit-box-pack
Defined in: node_modules/csstype/index.d.ts:17339
-webkit-box-reflect
• Optional
-webkit-box-reflect: string | string & {} | (undefined | string | string & {})[]
The -webkit-box-reflect
CSS property lets you reflect the content of an element in one specific direction.
Syntax: [ above | below | right | left ]? <length>? <image>?
Initial value: none
Inherited from: CSS.PropertiesHyphenFallback.-webkit-box-reflect
Defined in: node_modules/csstype/index.d.ts:15585
-webkit-box-shadow
• Optional
-webkit-box-shadow: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-webkit-box-shadow
Defined in: node_modules/csstype/index.d.ts:15593
-webkit-box-sizing
• Optional
-webkit-box-sizing: -moz-initial | inherit | initial | revert | unset | border-box | content-box | (undefined | -moz-initial | inherit | initial | revert | unset | border-box | content-box)[]
The box-sizing
CSS property sets how the total width and height of an element is calculated.
Syntax: content-box | border-box
Initial value: content-box
Inherited from: CSS.PropertiesHyphenFallback.-webkit-box-sizing
Defined in: node_modules/csstype/index.d.ts:15601
-webkit-clip-path
• Optional
-webkit-clip-path: -moz-initial | inherit | initial | revert | unset | string & {} | none | border-box | content-box | padding-box | fill-box | margin-box | stroke-box | view-box | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none | border-box | content-box | padding-box | fill-box | margin-box | stroke-box | view-box)[]
The **clip-path**
CSS property creates a clipping region that sets what part of an element should be shown. Parts that are inside the region are shown, while those outside are hidden.
Syntax: <clip-source> | [ <basic-shape> || <geometry-box> ] | none
Initial value: none
Inherited from: CSS.PropertiesHyphenFallback.-webkit-clip-path
Defined in: node_modules/csstype/index.d.ts:15609
-webkit-column-count
• Optional
-webkit-column-count: -moz-initial | inherit | initial | revert | unset | auto | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | auto | number & {})[]
The column-count
CSS property breaks an element's content into the specified number of columns.
Syntax: <integer> | auto
Initial value: auto
Inherited from: CSS.PropertiesHyphenFallback.-webkit-column-count
Defined in: node_modules/csstype/index.d.ts:15617
-webkit-column-fill
• Optional
-webkit-column-fill: -moz-initial | inherit | initial | revert | unset | auto | balance | (undefined | -moz-initial | inherit | initial | revert | unset | auto | balance)[]
The column-fill
CSS property controls how an element's contents are balanced when broken into columns.
Syntax: auto | balance | balance-all
Initial value: balance
Inherited from: CSS.PropertiesHyphenFallback.-webkit-column-fill
Defined in: node_modules/csstype/index.d.ts:15625
-webkit-column-gap
• Optional
-webkit-column-gap: string | string & {} | (undefined | string | string & {})[]
The column-gap
CSS property sets the size of the gap (gutter) between an element's columns.
Syntax: normal | <length-percentage>
Initial value: normal
Inherited from: CSS.PropertiesHyphenFallback.-webkit-column-gap
Defined in: node_modules/csstype/index.d.ts:15633
-webkit-column-rule
• Optional
-webkit-column-rule: string | string & {} | (undefined | string | string & {})[]
The column-rule
shorthand CSS property sets the width, style, and color of the line drawn between columns in a multi-column layout.
Syntax: <'column-rule-width'> || <'column-rule-style'> || <'column-rule-color'>
Inherited from: CSS.PropertiesHyphenFallback.-webkit-column-rule
Defined in: node_modules/csstype/index.d.ts:16298
-webkit-column-rule-color
• Optional
-webkit-column-rule-color: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
The column-rule-color
CSS property sets the color of the line drawn between columns in a multi-column layout.
Syntax: <color>
Initial value: currentcolor
Inherited from: CSS.PropertiesHyphenFallback.-webkit-column-rule-color
Defined in: node_modules/csstype/index.d.ts:15641
-webkit-column-rule-style
• Optional
-webkit-column-rule-style: inset | -moz-initial | inherit | initial | revert | unset | string & {} | none | hidden | dashed | dotted | double | groove | outset | ridge | solid | (undefined | inset | -moz-initial | inherit | initial | revert | unset | string & {} | none | hidden | dashed | dotted | double | groove | outset | ridge | solid)[]
The column-rule-style
CSS property sets the style of the line drawn between columns in a multi-column layout.
Syntax: <'border-style'>
Initial value: none
Inherited from: CSS.PropertiesHyphenFallback.-webkit-column-rule-style
Defined in: node_modules/csstype/index.d.ts:15649
-webkit-column-rule-width
• Optional
-webkit-column-rule-width: string | string & {} | (undefined | string | string & {})[]
The column-rule-width
CSS property sets the width of the line drawn between columns in a multi-column layout.
Syntax: <'border-width'>
Initial value: medium
Inherited from: CSS.PropertiesHyphenFallback.-webkit-column-rule-width
Defined in: node_modules/csstype/index.d.ts:15657
-webkit-column-span
• Optional
-webkit-column-span: all | -moz-initial | inherit | initial | revert | unset | none | (undefined | all | -moz-initial | inherit | initial | revert | unset | none)[]
The column-span
CSS property makes it possible for an element to span across all columns when its value is set to all
.
Syntax: none | all
Initial value: none
Inherited from: CSS.PropertiesHyphenFallback.-webkit-column-span
Defined in: node_modules/csstype/index.d.ts:15665
-webkit-column-width
• Optional
-webkit-column-width: string | (undefined | string)[]
The column-width
CSS property sets the ideal column width in a multi-column layout. The container will have as many columns as can fit without any of them having a width less than the column-width
value. If the width of the container is narrower than the specified value, the single column's width will be smaller than the declared column width.
Syntax: <length> | auto
Initial value: auto
Inherited from: CSS.PropertiesHyphenFallback.-webkit-column-width
Defined in: node_modules/csstype/index.d.ts:15673
-webkit-columns
• Optional
-webkit-columns: string | string & {} | number & {} | (undefined | string | string & {} | number & {})[]
The columns
CSS shorthand property sets the number of columns to use when drawing an element's contents, as well as those columns' widths.
Syntax: <'column-width'> || <'column-count'>
Inherited from: CSS.PropertiesHyphenFallback.-webkit-columns
Defined in: node_modules/csstype/index.d.ts:16304
-webkit-filter
• Optional
-webkit-filter: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
The filter
CSS property applies graphical effects like blur or color shift to an element. Filters are commonly used to adjust the rendering of images, backgrounds, and borders.
Syntax: none | <filter-function-list>
Initial value: none
Inherited from: CSS.PropertiesHyphenFallback.-webkit-filter
Defined in: node_modules/csstype/index.d.ts:15681
-webkit-flex
• Optional
-webkit-flex: string | string & {} | number & {} | (undefined | string | string & {} | number & {})[]
The flex
CSS shorthand property sets how a flex item will grow or shrink to fit the space available in its flex container.
Syntax: none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]
Inherited from: CSS.PropertiesHyphenFallback.-webkit-flex
Defined in: node_modules/csstype/index.d.ts:16310
-webkit-flex-basis
• Optional
-webkit-flex-basis: string | string & {} | (undefined | string | string & {})[]
The flex-basis
CSS property sets the initial main size of a flex item. It sets the size of the content box unless otherwise set with box-sizing
.
Syntax: content | <'width'>
Initial value: auto
Inherited from: CSS.PropertiesHyphenFallback.-webkit-flex-basis
Defined in: node_modules/csstype/index.d.ts:15689
-webkit-flex-direction
• Optional
-webkit-flex-direction: -moz-initial | inherit | initial | revert | unset | column | column-reverse | row | row-reverse | (undefined | -moz-initial | inherit | initial | revert | unset | column | column-reverse | row | row-reverse)[]
The flex-direction
CSS property sets how flex items are placed in the flex container defining the main axis and the direction (normal or reversed).
Syntax: row | row-reverse | column | column-reverse
Initial value: row
Inherited from: CSS.PropertiesHyphenFallback.-webkit-flex-direction
Defined in: node_modules/csstype/index.d.ts:15697
-webkit-flex-flow
• Optional
-webkit-flex-flow: -moz-initial | inherit | initial | revert | unset | string & {} | column | column-reverse | row | row-reverse | nowrap | wrap | wrap-reverse | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | column | column-reverse | row | row-reverse | nowrap | wrap | wrap-reverse)[]
The flex-flow
CSS shorthand property specifies the direction of a flex container, as well as its wrapping behavior.
Syntax: <'flex-direction'> || <'flex-wrap'>
Inherited from: CSS.PropertiesHyphenFallback.-webkit-flex-flow
Defined in: node_modules/csstype/index.d.ts:16316
-webkit-flex-grow
• Optional
-webkit-flex-grow: -moz-initial | inherit | initial | revert | unset | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | number & {})[]
The flex-grow
CSS property sets the flex grow factor of a flex item main size.
Syntax: <number>
Initial value: 0
Inherited from: CSS.PropertiesHyphenFallback.-webkit-flex-grow
Defined in: node_modules/csstype/index.d.ts:15705
-webkit-flex-shrink
• Optional
-webkit-flex-shrink: -moz-initial | inherit | initial | revert | unset | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | number & {})[]
The flex-shrink
CSS property sets the flex shrink factor of a flex item. If the size of all flex items is larger than the flex container, items shrink to fit according to flex-shrink
.
Syntax: <number>
Initial value: 1
Inherited from: CSS.PropertiesHyphenFallback.-webkit-flex-shrink
Defined in: node_modules/csstype/index.d.ts:15713
-webkit-flex-wrap
• Optional
-webkit-flex-wrap: -moz-initial | inherit | initial | revert | unset | nowrap | wrap | wrap-reverse | (undefined | -moz-initial | inherit | initial | revert | unset | nowrap | wrap | wrap-reverse)[]
The flex-wrap
CSS property sets whether flex items are forced onto one line or can wrap onto multiple lines. If wrapping is allowed, it sets the direction that lines are stacked.
Syntax: nowrap | wrap | wrap-reverse
Initial value: nowrap
Inherited from: CSS.PropertiesHyphenFallback.-webkit-flex-wrap
Defined in: node_modules/csstype/index.d.ts:15721
-webkit-font-feature-settings
• Optional
-webkit-font-feature-settings: -moz-initial | inherit | initial | revert | unset | normal | string & {} | (undefined | -moz-initial | inherit | initial | revert | unset | normal | string & {})[]
The font-feature-settings
CSS property controls advanced typographic features in OpenType fonts.
Syntax: normal | <feature-tag-value>#
Initial value: normal
Inherited from: CSS.PropertiesHyphenFallback.-webkit-font-feature-settings
Defined in: node_modules/csstype/index.d.ts:15729
-webkit-font-kerning
• Optional
-webkit-font-kerning: -moz-initial | inherit | initial | revert | unset | normal | auto | none | (undefined | -moz-initial | inherit | initial | revert | unset | normal | auto | none)[]
The font-kerning
CSS property sets the use of the kerning information stored in a font.
Syntax: auto | normal | none
Initial value: auto
Inherited from: CSS.PropertiesHyphenFallback.-webkit-font-kerning
Defined in: node_modules/csstype/index.d.ts:15737
-webkit-font-smoothing
• Optional
-webkit-font-smoothing: string | (undefined | string)[]
The font-smooth
CSS property controls the application of anti-aliasing when fonts are rendered.
Syntax: auto | never | always | <absolute-size> | <length>
Initial value: auto
Inherited from: CSS.PropertiesHyphenFallback.-webkit-font-smoothing
Defined in: node_modules/csstype/index.d.ts:15745
-webkit-font-variant-ligatures
• Optional
-webkit-font-variant-ligatures: -moz-initial | inherit | initial | revert | unset | normal | string & {} | none | common-ligatures | contextual | discretionary-ligatures | historical-ligatures | no-common-ligatures | no-contextual | no-discretionary-ligatures | no-historical-ligatures | (undefined | -moz-initial | inherit | initial | revert | unset | normal | string & {} | none | common-ligatures | contextual | discretionary-ligatures | historical-ligatures | no-common-ligatures | no-contextual | no-discretionary-ligatures | no-historical-ligatures)[]
The font-variant-ligatures
CSS property controls which ligatures and contextual forms are used in textual content of the elements it applies to. This leads to more harmonized forms in the resulting text.
Syntax: normal | none | [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> ]
Initial value: normal
Inherited from: CSS.PropertiesHyphenFallback.-webkit-font-variant-ligatures
Defined in: node_modules/csstype/index.d.ts:15753
-webkit-hyphens
• Optional
-webkit-hyphens: -moz-initial | inherit | initial | revert | unset | auto | none | manual | (undefined | -moz-initial | inherit | initial | revert | unset | auto | none | manual)[]
The hyphens
CSS property specifies how words should be hyphenated when text wraps across multiple lines. It can prevent hyphenation entirely, hyphenate at manually-specified points within the text, or let the browser automatically insert hyphens where appropriate.
Syntax: none | manual | auto
Initial value: manual
Inherited from: CSS.PropertiesHyphenFallback.-webkit-hyphens
Defined in: node_modules/csstype/index.d.ts:15761
-webkit-justify-content
• Optional
-webkit-justify-content: left | right | -moz-initial | inherit | initial | revert | unset | space-around | space-between | space-evenly | stretch | center | end | flex-end | flex-start | start | normal | string & {} | (undefined | left | right | -moz-initial | inherit | initial | revert | unset | space-around | space-between | space-evenly | stretch | center | end | flex-end | flex-start | start | normal | string & {})[]
The CSS justify-content
property defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container.
Syntax: normal | <content-distribution> | <overflow-position>? [ <content-position> | left | right ]
Initial value: normal
Inherited from: CSS.PropertiesHyphenFallback.-webkit-justify-content
Defined in: node_modules/csstype/index.d.ts:15769
-webkit-line-break
• Optional
-webkit-line-break: strict | -moz-initial | inherit | initial | revert | unset | normal | auto | anywhere | loose | (undefined | strict | -moz-initial | inherit | initial | revert | unset | normal | auto | anywhere | loose)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-webkit-line-break
Defined in: node_modules/csstype/index.d.ts:15777
-webkit-line-clamp
• Optional
-webkit-line-clamp: -moz-initial | inherit | initial | revert | unset | none | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | none | number & {})[]
The -webkit-line-clamp
CSS property allows limiting of the contents of a block container to the specified number of lines.
Syntax: none | <integer>
Initial value: none
Inherited from: CSS.PropertiesHyphenFallback.-webkit-line-clamp
Defined in: node_modules/csstype/index.d.ts:15785
-webkit-margin-end
• Optional
-webkit-margin-end: string | string & {} | (undefined | string | string & {})[]
The margin-inline-end
CSS property defines the logical inline end margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation. In other words, it corresponds to the margin-top
, margin-right
, margin-bottom
or margin-left
property depending on the values defined for writing-mode
, direction
, and text-orientation
.
Syntax: <'margin-left'>
Initial value: 0
Inherited from: CSS.PropertiesHyphenFallback.-webkit-margin-end
Defined in: node_modules/csstype/index.d.ts:15793
-webkit-margin-start
• Optional
-webkit-margin-start: string | string & {} | (undefined | string | string & {})[]
The margin-inline-start
CSS property defines the logical inline start margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation. It corresponds to the margin-top
, margin-right
, margin-bottom
, or margin-left
property depending on the values defined for writing-mode
, direction
, and text-orientation
.
Syntax: <'margin-left'>
Initial value: 0
Inherited from: CSS.PropertiesHyphenFallback.-webkit-margin-start
Defined in: node_modules/csstype/index.d.ts:15801
-webkit-mask
• Optional
-webkit-mask: string | string & {} | (undefined | string | string & {})[]
The mask
CSS shorthand property hides an element (partially or fully) by masking or clipping the image at specific points.
Syntax: [ <mask-reference> || <position> [ / <bg-size> ]? || <repeat-style> || [ <box> | border | padding | content | text ] || [ <box> | border | padding | content ] ]#
Inherited from: CSS.PropertiesHyphenFallback.-webkit-mask
Defined in: node_modules/csstype/index.d.ts:16322
-webkit-mask-attachment
• Optional
-webkit-mask-attachment: -moz-initial | inherit | initial | revert | unset | string & {} | fixed | local | scroll | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | fixed | local | scroll)[]
If a -webkit-mask-image
is specified, -webkit-mask-attachment
determines whether the mask image's position is fixed within the viewport, or scrolls along with its containing block.
Syntax: <attachment>#
Initial value: scroll
Inherited from: CSS.PropertiesHyphenFallback.-webkit-mask-attachment
Defined in: node_modules/csstype/index.d.ts:15809
-webkit-mask-clip
• Optional
-webkit-mask-clip: padding | content | border | -moz-initial | inherit | initial | revert | unset | string & {} | border-box | content-box | padding-box | text | (undefined | padding | content | border | -moz-initial | inherit | initial | revert | unset | string & {} | border-box | content-box | padding-box | text)[]
The mask-clip
CSS property determines the area which is affected by a mask. The painted content of an element must be restricted to this area.
Syntax: [ <box> | border | padding | content | text ]#
Initial value: border
Inherited from: CSS.PropertiesHyphenFallback.-webkit-mask-clip
Defined in: node_modules/csstype/index.d.ts:15817
-webkit-mask-composite
• Optional
-webkit-mask-composite: clear | -moz-initial | inherit | initial | revert | unset | string & {} | copy | destination-atop | destination-in | destination-out | destination-over | source-atop | source-in | source-out | source-over | xor | (undefined | clear | -moz-initial | inherit | initial | revert | unset | string & {} | copy | destination-atop | destination-in | destination-out | destination-over | source-atop | source-in | source-out | source-over | xor)[]
The -webkit-mask-composite
property specifies the manner in which multiple mask images applied to the same element are composited with one another. Mask images are composited in the opposite order that they are declared with the -webkit-mask-image
property.
Syntax: <composite-style>#
Initial value: source-over
Inherited from: CSS.PropertiesHyphenFallback.-webkit-mask-composite
Defined in: node_modules/csstype/index.d.ts:15825
-webkit-mask-image
• Optional
-webkit-mask-image: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
The mask-image
CSS property sets the image that is used as mask layer for an element.
Syntax: <mask-reference>#
Initial value: none
Inherited from: CSS.PropertiesHyphenFallback.-webkit-mask-image
Defined in: node_modules/csstype/index.d.ts:15833
-webkit-mask-origin
• Optional
-webkit-mask-origin: padding | content | border | -moz-initial | inherit | initial | revert | unset | string & {} | border-box | content-box | padding-box | (undefined | padding | content | border | -moz-initial | inherit | initial | revert | unset | string & {} | border-box | content-box | padding-box)[]
The mask-origin
CSS property sets the origin of a mask.
Syntax: [ <box> | border | padding | content ]#
Initial value: padding
Inherited from: CSS.PropertiesHyphenFallback.-webkit-mask-origin
Defined in: node_modules/csstype/index.d.ts:15841
-webkit-mask-position
• Optional
-webkit-mask-position: string | string & {} | (undefined | string | string & {})[]
The mask-position
CSS property sets the initial position, relative to the mask position layer set by mask-origin
, for each defined mask image.
Syntax: <position>#
Initial value: 0% 0%
Inherited from: CSS.PropertiesHyphenFallback.-webkit-mask-position
Defined in: node_modules/csstype/index.d.ts:15849
-webkit-mask-position-x
• Optional
-webkit-mask-position-x: string | string & {} | (undefined | string | string & {})[]
The -webkit-mask-position-x
CSS property sets the initial horizontal position of a mask image.
Syntax: [ <length-percentage> | left | center | right ]#
Initial value: 0%
Inherited from: CSS.PropertiesHyphenFallback.-webkit-mask-position-x
Defined in: node_modules/csstype/index.d.ts:15857
-webkit-mask-position-y
• Optional
-webkit-mask-position-y: string | string & {} | (undefined | string | string & {})[]
The -webkit-mask-position-y
CSS property sets the initial vertical position of a mask image.
Syntax: [ <length-percentage> | top | center | bottom ]#
Initial value: 0%
Inherited from: CSS.PropertiesHyphenFallback.-webkit-mask-position-y
Defined in: node_modules/csstype/index.d.ts:15865
-webkit-mask-repeat
• Optional
-webkit-mask-repeat: space | -moz-initial | inherit | initial | revert | unset | string & {} | no-repeat | repeat | repeat-x | repeat-y | round | (undefined | space | -moz-initial | inherit | initial | revert | unset | string & {} | no-repeat | repeat | repeat-x | repeat-y | round)[]
The mask-repeat
CSS property sets how mask images are repeated. A mask image can be repeated along the horizontal axis, the vertical axis, both axes, or not repeated at all.
Syntax: <repeat-style>#
Initial value: repeat
Inherited from: CSS.PropertiesHyphenFallback.-webkit-mask-repeat
Defined in: node_modules/csstype/index.d.ts:15873
-webkit-mask-repeat-x
• Optional
-webkit-mask-repeat-x: space | -moz-initial | inherit | initial | revert | unset | no-repeat | repeat | round | (undefined | space | -moz-initial | inherit | initial | revert | unset | no-repeat | repeat | round)[]
The -webkit-mask-repeat-x
property specifies whether and how a mask image is repeated (tiled) horizontally.
Syntax: repeat | no-repeat | space | round
Initial value: repeat
Inherited from: CSS.PropertiesHyphenFallback.-webkit-mask-repeat-x
Defined in: node_modules/csstype/index.d.ts:15881
-webkit-mask-repeat-y
• Optional
-webkit-mask-repeat-y: space | -moz-initial | inherit | initial | revert | unset | no-repeat | repeat | round | (undefined | space | -moz-initial | inherit | initial | revert | unset | no-repeat | repeat | round)[]
The -webkit-mask-repeat-y
property sets whether and how a mask image is repeated (tiled) vertically.
Syntax: repeat | no-repeat | space | round
Initial value: repeat
Inherited from: CSS.PropertiesHyphenFallback.-webkit-mask-repeat-y
Defined in: node_modules/csstype/index.d.ts:15889
-webkit-mask-size
• Optional
-webkit-mask-size: string | string & {} | (undefined | string | string & {})[]
The mask-size
CSS property specifies the sizes of the mask images. The size of the image can be fully or partially constrained in order to preserve its intrinsic ratio.
Syntax: <bg-size>#
Initial value: auto auto
Inherited from: CSS.PropertiesHyphenFallback.-webkit-mask-size
Defined in: node_modules/csstype/index.d.ts:15897
-webkit-max-inline-size
• Optional
-webkit-max-inline-size: string | string & {} | (undefined | string | string & {})[]
The max-inline-size
CSS property defines the horizontal or vertical maximum size of an element's block, depending on its writing mode. It corresponds to either the max-width
or the max-height
property, depending on the value of writing-mode
.
Syntax: <'max-width'>
Initial value: 0
Inherited from: CSS.PropertiesHyphenFallback.-webkit-max-inline-size
Defined in: node_modules/csstype/index.d.ts:15905
-webkit-order
• Optional
-webkit-order: -moz-initial | inherit | initial | revert | unset | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | number & {})[]
The order
CSS property sets the order to lay out an item in a flex or grid container. Items in a container are sorted by ascending order
value and then by their source code order.
Syntax: <integer>
Initial value: 0
Inherited from: CSS.PropertiesHyphenFallback.-webkit-order
Defined in: node_modules/csstype/index.d.ts:15913
-webkit-overflow-scrolling
• Optional
-webkit-overflow-scrolling: -moz-initial | inherit | initial | revert | unset | auto | touch | (undefined | -moz-initial | inherit | initial | revert | unset | auto | touch)[]
The -webkit-overflow-scrolling
CSS property controls whether or not touch devices use momentum-based scrolling for a given element.
Syntax: auto | touch
Initial value: auto
Inherited from: CSS.PropertiesHyphenFallback.-webkit-overflow-scrolling
Defined in: node_modules/csstype/index.d.ts:15921
-webkit-padding-end
• Optional
-webkit-padding-end: string | string & {} | (undefined | string | string & {})[]
The padding-inline-end
CSS property defines the logical inline end padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation.
Syntax: <'padding-left'>
Initial value: 0
Inherited from: CSS.PropertiesHyphenFallback.-webkit-padding-end
Defined in: node_modules/csstype/index.d.ts:15929
-webkit-padding-start
• Optional
-webkit-padding-start: string | string & {} | (undefined | string | string & {})[]
The padding-inline-start
CSS property defines the logical inline start padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation.
Syntax: <'padding-left'>
Initial value: 0
Inherited from: CSS.PropertiesHyphenFallback.-webkit-padding-start
Defined in: node_modules/csstype/index.d.ts:15937
-webkit-perspective
• Optional
-webkit-perspective: string | (undefined | string)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-webkit-perspective
Defined in: node_modules/csstype/index.d.ts:15945
-webkit-perspective-origin
• Optional
-webkit-perspective-origin: string | string & {} | (undefined | string | string & {})[]
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%
Inherited from: CSS.PropertiesHyphenFallback.-webkit-perspective-origin
Defined in: node_modules/csstype/index.d.ts:15953
-webkit-print-color-adjust
• Optional
-webkit-print-color-adjust: -moz-initial | inherit | initial | revert | unset | economy | exact | (undefined | -moz-initial | inherit | initial | revert | unset | economy | exact)[]
The color-adjust
CSS property sets what, if anything, the user agent may do to optimize the appearance of the element on the output device. By default, the browser is allowed to make any adjustments to the element's appearance it determines to be necessary and prudent given the type and capabilities of the output device.
Syntax: economy | exact
Initial value: economy
Inherited from: CSS.PropertiesHyphenFallback.-webkit-print-color-adjust
Defined in: node_modules/csstype/index.d.ts:15961
-webkit-ruby-position
• Optional
-webkit-ruby-position: -moz-initial | inherit | initial | revert | unset | over | under | (undefined | -moz-initial | inherit | initial | revert | unset | over | under)[]
The **ruby-position**
CSS property defines the position of a ruby element relatives to its base element. It can be position over the element (over
), under it (under
), or between the characters, on their right side (inter-character
).
Syntax: over | under | inter-character
Initial value: over
Inherited from: CSS.PropertiesHyphenFallback.-webkit-ruby-position
Defined in: node_modules/csstype/index.d.ts:15969
-webkit-scroll-snap-points-x
• Optional
-webkit-scroll-snap-points-x: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-webkit-scroll-snap-points-x
Defined in: node_modules/csstype/index.d.ts:17349
-webkit-scroll-snap-points-y
• Optional
-webkit-scroll-snap-points-y: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-webkit-scroll-snap-points-y
Defined in: node_modules/csstype/index.d.ts:17359
-webkit-scroll-snap-type
• Optional
-webkit-scroll-snap-type: -moz-initial | inherit | initial | revert | unset | string & {} | both | none | block | inline | x | y | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | both | none | block | inline | x | y)[]
The scroll-snap-type
CSS property sets how strictly snap points are enforced on the scroll container in case there is one.
Syntax: none | [ x | y | block | inline | both ] [ mandatory | proximity ]?
Initial value: none
Inherited from: CSS.PropertiesHyphenFallback.-webkit-scroll-snap-type
Defined in: node_modules/csstype/index.d.ts:15977
-webkit-shape-margin
• Optional
-webkit-shape-margin: string | string & {} | (undefined | string | string & {})[]
The shape-margin
CSS property sets a margin for a CSS shape created using shape-outside
.
Syntax: <length-percentage>
Initial value: 0
Inherited from: CSS.PropertiesHyphenFallback.-webkit-shape-margin
Defined in: node_modules/csstype/index.d.ts:15985
-webkit-tap-highlight-color
• Optional
-webkit-tap-highlight-color: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
-webkit-tap-highlight-color
is a non-standard CSS property that sets the color of the highlight that appears over a link while it's being tapped. The highlighting indicates to the user that their tap is being successfully recognized, and indicates which element they're tapping on.
Syntax: <color>
Initial value: black
Inherited from: CSS.PropertiesHyphenFallback.-webkit-tap-highlight-color
Defined in: node_modules/csstype/index.d.ts:15993
-webkit-text-combine
• Optional
-webkit-text-combine: all | -ms-text-combine-horizontal | -moz-initial | inherit | initial | revert | unset | string & {} | none | digits | (undefined | all | -ms-text-combine-horizontal | -moz-initial | inherit | initial | revert | unset | string & {} | none | digits)[]
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.
Syntax: none | all | [ digits <integer>? ]
Initial value: none
Inherited from: CSS.PropertiesHyphenFallback.-webkit-text-combine
Defined in: node_modules/csstype/index.d.ts:16001
-webkit-text-decoration-color
• Optional
-webkit-text-decoration-color: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
The text-decoration-color
CSS property sets the color of decorations added to text by text-decoration-line
.
Syntax: <color>
Initial value: currentcolor
Inherited from: CSS.PropertiesHyphenFallback.-webkit-text-decoration-color
Defined in: node_modules/csstype/index.d.ts:16009
-webkit-text-decoration-line
• Optional
-webkit-text-decoration-line: -moz-initial | inherit | initial | revert | unset | string & {} | none | blink | grammar-error | line-through | overline | spelling-error | underline | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none | blink | grammar-error | line-through | overline | spelling-error | underline)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-webkit-text-decoration-line
Defined in: node_modules/csstype/index.d.ts:16017
-webkit-text-decoration-skip
• Optional
-webkit-text-decoration-skip: -moz-initial | inherit | initial | revert | unset | string & {} | none | box-decoration | edges | leading-spaces | objects | spaces | trailing-spaces | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none | box-decoration | edges | leading-spaces | objects | spaces | trailing-spaces)[]
The text-decoration-skip
CSS property sets what parts of an element’s content any text decoration affecting the element must skip over. It controls all text decoration lines drawn by the element and also any text decoration lines drawn by its ancestors.
Syntax: none | [ objects || [ spaces | [ leading-spaces || trailing-spaces ] ] || edges || box-decoration ]
Initial value: objects
Inherited from: CSS.PropertiesHyphenFallback.-webkit-text-decoration-skip
Defined in: node_modules/csstype/index.d.ts:16025
-webkit-text-decoration-style
• Optional
-webkit-text-decoration-style: -moz-initial | inherit | initial | revert | unset | dashed | dotted | double | solid | wavy | (undefined | -moz-initial | inherit | initial | revert | unset | dashed | dotted | double | solid | wavy)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-webkit-text-decoration-style
Defined in: node_modules/csstype/index.d.ts:16033
-webkit-text-emphasis
• Optional
-webkit-text-emphasis: -moz-initial | inherit | initial | revert | unset | string & {} | none | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | circle | dot | double-circle | filled | open | sesame | triangle | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | circle | dot | double-circle | filled | open | sesame | triangle)[]
The text-emphasis
CSS property applies emphasis marks to text (except spaces and control characters). It is a shorthand for text-emphasis-style
and text-emphasis-color
.
Syntax: <'text-emphasis-style'> || <'text-emphasis-color'>
Inherited from: CSS.PropertiesHyphenFallback.-webkit-text-emphasis
Defined in: node_modules/csstype/index.d.ts:16328
-webkit-text-emphasis-color
• Optional
-webkit-text-emphasis-color: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
The text-emphasis-color
CSS property sets the color of emphasis marks. This value can also be set using the text-emphasis
shorthand.
Syntax: <color>
Initial value: currentcolor
Inherited from: CSS.PropertiesHyphenFallback.-webkit-text-emphasis-color
Defined in: node_modules/csstype/index.d.ts:16041
-webkit-text-emphasis-position
• Optional
-webkit-text-emphasis-position: -moz-initial | inherit | initial | revert | unset | string & {} | (undefined | -moz-initial | inherit | initial | revert | unset | string & {})[]
The text-emphasis-position
CSS property sets where emphasis marks are drawn. Like ruby text, if there isn't enough room for emphasis marks, the line height is increased.
Syntax: [ over | under ] && [ right | left ]
Initial value: over right
Inherited from: CSS.PropertiesHyphenFallback.-webkit-text-emphasis-position
Defined in: node_modules/csstype/index.d.ts:16049
-webkit-text-emphasis-style
• Optional
-webkit-text-emphasis-style: -moz-initial | inherit | initial | revert | unset | string & {} | none | circle | dot | double-circle | filled | open | sesame | triangle | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none | circle | dot | double-circle | filled | open | sesame | triangle)[]
The text-emphasis-style
CSS property sets the appearance of emphasis marks. It can also be set, and reset, using the text-emphasis
shorthand.
Syntax: none | [ [ filled | open ] || [ dot | circle | double-circle | triangle | sesame ] ] | <string>
Initial value: none
Inherited from: CSS.PropertiesHyphenFallback.-webkit-text-emphasis-style
Defined in: node_modules/csstype/index.d.ts:16057
-webkit-text-fill-color
• Optional
-webkit-text-fill-color: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
The -webkit-text-fill-color
CSS property specifies the fill color of characters of text. If this property is not set, the value of the color
property is used.
Syntax: <color>
Initial value: currentcolor
Inherited from: CSS.PropertiesHyphenFallback.-webkit-text-fill-color
Defined in: node_modules/csstype/index.d.ts:16065
-webkit-text-orientation
• Optional
-webkit-text-orientation: -moz-initial | inherit | initial | revert | unset | mixed | sideways | upright | (undefined | -moz-initial | inherit | initial | revert | unset | mixed | sideways | upright)[]
The text-orientation
CSS property sets the orientation of the text characters in a line. It only affects text in vertical mode (when writing-mode
is not horizontal-tb
). It is useful for controlling the display of languages that use vertical script, and also for making vertical table headers.
Syntax: mixed | upright | sideways
Initial value: mixed
Inherited from: CSS.PropertiesHyphenFallback.-webkit-text-orientation
Defined in: node_modules/csstype/index.d.ts:16073
-webkit-text-size-adjust
• Optional
-webkit-text-size-adjust: -moz-initial | inherit | initial | revert | unset | string & {} | auto | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | auto | none)[]
The text-size-adjust
CSS property controls the text inflation algorithm used on some smartphones and tablets. Other browsers will ignore this property.
Syntax: none | auto | <percentage>
Initial value: auto
for smartphone browsers supporting inflation, none
in other cases (and then not modifiable).
Inherited from: CSS.PropertiesHyphenFallback.-webkit-text-size-adjust
Defined in: node_modules/csstype/index.d.ts:16081
-webkit-text-stroke
• Optional
-webkit-text-stroke: string | string & {} | (undefined | string | string & {})[]
The -webkit-text-stroke
CSS property specifies the width and color of strokes for text characters. This is a shorthand property for the longhand properties -webkit-text-stroke-width
and -webkit-text-stroke-color
.
Syntax: <length> || <color>
Inherited from: CSS.PropertiesHyphenFallback.-webkit-text-stroke
Defined in: node_modules/csstype/index.d.ts:16334
-webkit-text-stroke-color
• Optional
-webkit-text-stroke-color: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
The -webkit-text-stroke-color
CSS property specifies the stroke color of characters of text. If this property is not set, the value of the color
property is used.
Syntax: <color>
Initial value: currentcolor
Inherited from: CSS.PropertiesHyphenFallback.-webkit-text-stroke-color
Defined in: node_modules/csstype/index.d.ts:16089
-webkit-text-stroke-width
• Optional
-webkit-text-stroke-width: string | (undefined | string)[]
The -webkit-text-stroke-width
CSS property specifies the width of the stroke for text.
Syntax: <length>
Initial value: 0
Inherited from: CSS.PropertiesHyphenFallback.-webkit-text-stroke-width
Defined in: node_modules/csstype/index.d.ts:16097
-webkit-text-underline-position
• Optional
-webkit-text-underline-position: left | right | -moz-initial | inherit | initial | revert | unset | string & {} | auto | under | from-font | (undefined | left | right | -moz-initial | inherit | initial | revert | unset | string & {} | auto | under | from-font)[]
The text-underline-position
CSS property specifies the position of the underline which is set using the text-decoration
property's underline
value.
Syntax: auto | from-font | [ under || [ left | right ] ]
Initial value: auto
Inherited from: CSS.PropertiesHyphenFallback.-webkit-text-underline-position
Defined in: node_modules/csstype/index.d.ts:16105
-webkit-touch-callout
• Optional
-webkit-touch-callout: -moz-initial | inherit | initial | revert | unset | none | default | (undefined | -moz-initial | inherit | initial | revert | unset | none | default)[]
The -webkit-touch-callout
CSS property controls the display of the default callout shown when you touch and hold a touch target.
Syntax: default | none
Initial value: default
Inherited from: CSS.PropertiesHyphenFallback.-webkit-touch-callout
Defined in: node_modules/csstype/index.d.ts:16113
-webkit-transform
• Optional
-webkit-transform: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-webkit-transform
Defined in: node_modules/csstype/index.d.ts:16121
-webkit-transform-origin
• Optional
-webkit-transform-origin: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesHyphenFallback.-webkit-transform-origin
Defined in: node_modules/csstype/index.d.ts:16129
-webkit-transform-style
• Optional
-webkit-transform-style: -moz-initial | inherit | initial | revert | unset | flat | preserve-3d | (undefined | -moz-initial | inherit | initial | revert | unset | flat | preserve-3d)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-webkit-transform-style
Defined in: node_modules/csstype/index.d.ts:16137
-webkit-transition
• Optional
-webkit-transition: string | string & {} | (undefined | string | string & {})[]
The transition
CSS property is a shorthand property for transition-property
, transition-duration
, transition-timing-function
, and transition-delay
.
Syntax: <single-transition>#
Inherited from: CSS.PropertiesHyphenFallback.-webkit-transition
Defined in: node_modules/csstype/index.d.ts:16340
-webkit-transition-delay
• Optional
-webkit-transition-delay: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesHyphenFallback.-webkit-transition-delay
Defined in: node_modules/csstype/index.d.ts:16145
-webkit-transition-duration
• Optional
-webkit-transition-duration: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesHyphenFallback.-webkit-transition-duration
Defined in: node_modules/csstype/index.d.ts:16153
-webkit-transition-property
• Optional
-webkit-transition-property: all | -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | all | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-webkit-transition-property
Defined in: node_modules/csstype/index.d.ts:16161
-webkit-transition-timing-function
• Optional
-webkit-transition-timing-function: -moz-initial | inherit | initial | revert | unset | string & {} | ease | ease-in | ease-in-out | ease-out | step-end | step-start | linear | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | ease | ease-in | ease-in-out | ease-out | step-end | step-start | linear)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-webkit-transition-timing-function
Defined in: node_modules/csstype/index.d.ts:16169
-webkit-user-modify
• Optional
-webkit-user-modify: -moz-initial | inherit | initial | revert | unset | read-only | read-write | read-write-plaintext-only | (undefined | -moz-initial | inherit | initial | revert | unset | read-only | read-write | read-write-plaintext-only)[]
Syntax: read-only | read-write | read-write-plaintext-only
Initial value: read-only
Inherited from: CSS.PropertiesHyphenFallback.-webkit-user-modify
Defined in: node_modules/csstype/index.d.ts:16177
-webkit-user-select
• Optional
-webkit-user-select: contain | all | -moz-initial | inherit | initial | revert | unset | auto | none | text | -moz-none | element | (undefined | contain | all | -moz-initial | inherit | initial | revert | unset | auto | none | text | -moz-none | element)[]
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
Inherited from: CSS.PropertiesHyphenFallback.-webkit-user-select
Defined in: node_modules/csstype/index.d.ts:16183
-webkit-writing-mode
• Optional
-webkit-writing-mode: -moz-initial | inherit | initial | revert | unset | horizontal-tb | sideways-lr | sideways-rl | vertical-lr | vertical-rl | (undefined | -moz-initial | inherit | initial | revert | unset | horizontal-tb | sideways-lr | sideways-rl | vertical-lr | vertical-rl)[]
The writing-mode
CSS property sets whether lines of text are laid out horizontally or vertically, as well as the direction in which blocks progress. When set for an entire document, it should be set on the root element (html
element for HTML documents).
Syntax: horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr
Initial value: horizontal-tb
Inherited from: CSS.PropertiesHyphenFallback.-webkit-writing-mode
Defined in: node_modules/csstype/index.d.ts:16191
KhtmlBoxAlign
• Optional
KhtmlBoxAlign: -moz-initial | inherit | initial | revert | unset | stretch | center | end | start | baseline | (undefined | -moz-initial | inherit | initial | revert | unset | stretch | center | end | start | baseline)[]
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
Inherited from: CSS.PropertiesFallback.KhtmlBoxAlign
Defined in: node_modules/csstype/index.d.ts:7934
KhtmlBoxDirection
• Optional
KhtmlBoxDirection: -moz-initial | inherit | initial | revert | unset | normal | reverse | (undefined | -moz-initial | inherit | initial | revert | unset | normal | reverse)[]
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
Inherited from: CSS.PropertiesFallback.KhtmlBoxDirection
Defined in: node_modules/csstype/index.d.ts:7944
KhtmlBoxFlex
• Optional
KhtmlBoxFlex: -moz-initial | inherit | initial | revert | unset | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | number & {})[]
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
Inherited from: CSS.PropertiesFallback.KhtmlBoxFlex
Defined in: node_modules/csstype/index.d.ts:7954
KhtmlBoxFlexGroup
• Optional
KhtmlBoxFlexGroup: -moz-initial | inherit | initial | revert | unset | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | number & {})[]
The box-flex-group
CSS property assigns the flexbox's child elements to a flex group.
Syntax: <integer>
Initial value: 1
deprecated
Inherited from: CSS.PropertiesFallback.KhtmlBoxFlexGroup
Defined in: node_modules/csstype/index.d.ts:7964
KhtmlBoxLines
• Optional
KhtmlBoxLines: -moz-initial | inherit | initial | revert | unset | multiple | single | (undefined | -moz-initial | inherit | initial | revert | unset | multiple | single)[]
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
Inherited from: CSS.PropertiesFallback.KhtmlBoxLines
Defined in: node_modules/csstype/index.d.ts:7974
KhtmlBoxOrdinalGroup
• Optional
KhtmlBoxOrdinalGroup: -moz-initial | inherit | initial | revert | unset | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | number & {})[]
The box-ordinal-group
CSS property assigns the flexbox's child elements to an ordinal group.
Syntax: <integer>
Initial value: 1
deprecated
Inherited from: CSS.PropertiesFallback.KhtmlBoxOrdinalGroup
Defined in: node_modules/csstype/index.d.ts:7984
KhtmlBoxOrient
• Optional
KhtmlBoxOrient: -moz-initial | inherit | initial | revert | unset | horizontal | vertical | block-axis | inline-axis | (undefined | -moz-initial | inherit | initial | revert | unset | horizontal | vertical | block-axis | inline-axis)[]
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
Inherited from: CSS.PropertiesFallback.KhtmlBoxOrient
Defined in: node_modules/csstype/index.d.ts:7994
KhtmlBoxPack
• Optional
KhtmlBoxPack: -moz-initial | inherit | initial | revert | unset | center | end | start | justify | (undefined | -moz-initial | inherit | initial | revert | unset | center | end | start | justify)[]
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
Inherited from: CSS.PropertiesFallback.KhtmlBoxPack
Defined in: node_modules/csstype/index.d.ts:8004
KhtmlLineBreak
• Optional
KhtmlLineBreak: strict | -moz-initial | inherit | initial | revert | unset | normal | auto | anywhere | loose | (undefined | strict | -moz-initial | inherit | initial | revert | unset | normal | auto | anywhere | loose)[]
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
Inherited from: CSS.PropertiesFallback.KhtmlLineBreak
Defined in: node_modules/csstype/index.d.ts:8014
KhtmlOpacity
• Optional
KhtmlOpacity: -moz-initial | inherit | initial | revert | unset | string & {} | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | number & {})[]
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
Inherited from: CSS.PropertiesFallback.KhtmlOpacity
Defined in: node_modules/csstype/index.d.ts:8024
KhtmlUserSelect
• Optional
KhtmlUserSelect: contain | all | -moz-initial | inherit | initial | revert | unset | auto | none | text | -moz-none | element | (undefined | contain | all | -moz-initial | inherit | initial | revert | unset | auto | none | text | -moz-none | element)[]
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
Inherited from: CSS.PropertiesFallback.KhtmlUserSelect
Defined in: node_modules/csstype/index.d.ts:8034
MozAnimation
• Optional
MozAnimation: string | string & {} | number & {} | (undefined | string | string & {} | number & {})[]
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>#
Inherited from: CSS.PropertiesFallback.MozAnimation
Defined in: node_modules/csstype/index.d.ts:7493
MozAnimationDelay
• Optional
MozAnimationDelay: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesFallback.MozAnimationDelay
Defined in: node_modules/csstype/index.d.ts:5700
MozAnimationDirection
• Optional
MozAnimationDirection: -moz-initial | inherit | initial | revert | unset | normal | string & {} | alternate | alternate-reverse | reverse | (undefined | -moz-initial | inherit | initial | revert | unset | normal | string & {} | alternate | alternate-reverse | reverse)[]
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
Inherited from: CSS.PropertiesFallback.MozAnimationDirection
Defined in: node_modules/csstype/index.d.ts:5708
MozAnimationDuration
• Optional
MozAnimationDuration: string | string & {} | (undefined | string | string & {})[]
The animation-duration
CSS property sets the length of time that an animation takes to complete one cycle.
Syntax: <time>#
Initial value: 0s
Inherited from: CSS.PropertiesFallback.MozAnimationDuration
Defined in: node_modules/csstype/index.d.ts:5716
MozAnimationFillMode
• Optional
MozAnimationFillMode: -moz-initial | inherit | initial | revert | unset | string & {} | backwards | both | forwards | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | backwards | both | forwards | none)[]
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
Inherited from: CSS.PropertiesFallback.MozAnimationFillMode
Defined in: node_modules/csstype/index.d.ts:5724
MozAnimationIterationCount
• Optional
MozAnimationIterationCount: -moz-initial | inherit | initial | revert | unset | string & {} | infinite | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | infinite | number & {})[]
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
Inherited from: CSS.PropertiesFallback.MozAnimationIterationCount
Defined in: node_modules/csstype/index.d.ts:5732
MozAnimationName
• Optional
MozAnimationName: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
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
Inherited from: CSS.PropertiesFallback.MozAnimationName
Defined in: node_modules/csstype/index.d.ts:5740
MozAnimationPlayState
• Optional
MozAnimationPlayState: -moz-initial | inherit | initial | revert | unset | string & {} | paused | running | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | paused | running)[]
The animation-play-state
CSS property sets whether an animation is running or paused.
Syntax: <single-animation-play-state>#
Initial value: running
Inherited from: CSS.PropertiesFallback.MozAnimationPlayState
Defined in: node_modules/csstype/index.d.ts:5748
MozAnimationTimingFunction
• Optional
MozAnimationTimingFunction: -moz-initial | inherit | initial | revert | unset | string & {} | ease | ease-in | ease-in-out | ease-out | step-end | step-start | linear | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | ease | ease-in | ease-in-out | ease-out | step-end | step-start | linear)[]
The animation-timing-function
CSS property sets how an animation progresses through the duration of each cycle.
Syntax: <easing-function>#
Initial value: ease
Inherited from: CSS.PropertiesFallback.MozAnimationTimingFunction
Defined in: node_modules/csstype/index.d.ts:5756
MozAppearance
• Optional
MozAppearance: sheet | -moz-initial | inherit | initial | revert | unset | none | button | checkbox | listbox | menulist | radio | searchfield | menulist-button | textfield | -moz-mac-unified-toolbar | -moz-win-borderless-glass | -moz-win-browsertabbar-toolbox | -moz-win-communications-toolbox | -moz-win-communicationstext | -moz-win-exclude-glass | -moz-win-glass | -moz-win-media-toolbox | -moz-win-mediatext | -moz-window-button-box | -moz-window-button-box-maximized | -moz-window-button-close | -moz-window-button-maximize | -moz-window-button-minimize | -moz-window-button-restore | -moz-window-frame-bottom | -moz-window-frame-left | -moz-window-frame-right | -moz-window-titlebar | -moz-window-titlebar-maximized | button-arrow-down | button-arrow-next | button-arrow-previous | button-arrow-up | button-bevel | button-focus | caret | checkbox-container | checkbox-label | checkmenuitem | dualbutton | groupbox | listitem | menuarrow | menubar | menucheckbox | menuimage | menuitem | menuitemtext | menulist-text | menulist-textfield | menupopup | menuradio | menuseparator | meterbar | meterchunk | progressbar | progressbar-vertical | progresschunk | progresschunk-vertical | radio-container | radio-label | radiomenuitem | range | range-thumb | resizer | resizerpanel | scale-horizontal | scale-vertical | scalethumb-horizontal | scalethumb-vertical | scalethumbend | scalethumbstart | scalethumbtick | scrollbarbutton-down | scrollbarbutton-left | scrollbarbutton-right | scrollbarbutton-up | scrollbarthumb-horizontal | scrollbarthumb-vertical | scrollbartrack-horizontal | scrollbartrack-vertical | separator | spinner | spinner-downbutton | spinner-textfield | spinner-upbutton | splitter | statusbar | statusbarpanel | tab | tab-scroll-arrow-back | tab-scroll-arrow-forward | tabpanel | tabpanels | textfield-multiline | toolbar | toolbarbutton | toolbarbutton-dropdown | toolbargripper | toolbox | tooltip | treeheader | treeheadercell | treeheadersortarrow | treeitem | treeline | treetwisty | treetwistyopen | treeview | (undefined | sheet | -moz-initial | inherit | initial | revert | unset | none | button | checkbox | listbox | menulist | radio | searchfield | menulist-button | textfield | -moz-mac-unified-toolbar | -moz-win-borderless-glass | -moz-win-browsertabbar-toolbox | -moz-win-communications-toolbox | -moz-win-communicationstext | -moz-win-exclude-glass | -moz-win-glass | -moz-win-media-toolbox | -moz-win-mediatext | -moz-window-button-box | -moz-window-button-box-maximized | -moz-window-button-close | -moz-window-button-maximize | -moz-window-button-minimize | -moz-window-button-restore | -moz-window-frame-bottom | -moz-window-frame-left | -moz-window-frame-right | -moz-window-titlebar | -moz-window-titlebar-maximized | button-arrow-down | button-arrow-next | button-arrow-previous | button-arrow-up | button-bevel | button-focus | caret | checkbox-container | checkbox-label | checkmenuitem | dualbutton | groupbox | listitem | menuarrow | menubar | menucheckbox | menuimage | menuitem | menuitemtext | menulist-text | menulist-textfield | menupopup | menuradio | menuseparator | meterbar | meterchunk | progressbar | progressbar-vertical | progresschunk | progresschunk-vertical | radio-container | radio-label | radiomenuitem | range | range-thumb | resizer | resizerpanel | scale-horizontal | scale-vertical | scalethumb-horizontal | scalethumb-vertical | scalethumbend | scalethumbstart | scalethumbtick | scrollbarbutton-down | scrollbarbutton-left | scrollbarbutton-right | scrollbarbutton-up | scrollbarthumb-horizontal | scrollbarthumb-vertical | scrollbartrack-horizontal | scrollbartrack-vertical | separator | spinner | spinner-downbutton | spinner-textfield | spinner-upbutton | splitter | statusbar | statusbarpanel | tab | tab-scroll-arrow-back | tab-scroll-arrow-forward | tabpanel | tabpanels | textfield-multiline | toolbar | toolbarbutton | toolbarbutton-dropdown | toolbargripper | toolbox | tooltip | treeheader | treeheadercell | treeheadersortarrow | treeitem | treeline | treetwisty | treetwistyopen | treeview)[]
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 | button | button-arrow-down | button-arrow-next | button-arrow-previous | button-arrow-up | button-bevel | button-focus | caret | checkbox | checkbox-container | checkbox-label | checkmenuitem | dualbutton | groupbox | listbox | listitem | menuarrow | menubar | menucheckbox | menuimage | menuitem | menuitemtext | menulist | menulist-button | menulist-text | menulist-textfield | menupopup | menuradio | menuseparator | meterbar | meterchunk | progressbar | progressbar-vertical | progresschunk | progresschunk-vertical | radio | radio-container | radio-label | radiomenuitem | range | range-thumb | resizer | resizerpanel | scale-horizontal | scalethumbend | scalethumb-horizontal | scalethumbstart | scalethumbtick | scalethumb-vertical | scale-vertical | scrollbarbutton-down | scrollbarbutton-left | scrollbarbutton-right | scrollbarbutton-up | scrollbarthumb-horizontal | scrollbarthumb-vertical | scrollbartrack-horizontal | scrollbartrack-vertical | searchfield | separator | sheet | spinner | spinner-downbutton | spinner-textfield | spinner-upbutton | splitter | statusbar | statusbarpanel | tab | tabpanel | tabpanels | tab-scroll-arrow-back | tab-scroll-arrow-forward | textfield | textfield-multiline | toolbar | toolbarbutton | toolbarbutton-dropdown | toolbargripper | toolbox | tooltip | treeheader | treeheadercell | treeheadersortarrow | treeitem | treeline | treetwisty | treetwistyopen | treeview | -moz-mac-unified-toolbar | -moz-win-borderless-glass | -moz-win-browsertabbar-toolbox | -moz-win-communicationstext | -moz-win-communications-toolbox | -moz-win-exclude-glass | -moz-win-glass | -moz-win-mediatext | -moz-win-media-toolbox | -moz-window-button-box | -moz-window-button-box-maximized | -moz-window-button-close | -moz-window-button-maximize | -moz-window-button-minimize | -moz-window-button-restore | -moz-window-frame-bottom | -moz-window-frame-left | -moz-window-frame-right | -moz-window-titlebar | -moz-window-titlebar-maximized
Initial value: none
(but this value is overridden in the user agent CSS)
Inherited from: CSS.PropertiesFallback.MozAppearance
Defined in: node_modules/csstype/index.d.ts:5764
MozBackfaceVisibility
• Optional
MozBackfaceVisibility: -moz-initial | inherit | initial | revert | unset | hidden | visible | (undefined | -moz-initial | inherit | initial | revert | unset | hidden | visible)[]
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
Inherited from: CSS.PropertiesFallback.MozBackfaceVisibility
Defined in: node_modules/csstype/index.d.ts:5772
MozBackgroundClip
• Optional
MozBackgroundClip: -moz-initial | inherit | initial | revert | unset | string & {} | border-box | content-box | padding-box | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | border-box | content-box | padding-box)[]
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
Inherited from: CSS.PropertiesFallback.MozBackgroundClip
Defined in: node_modules/csstype/index.d.ts:8044
MozBackgroundInlinePolicy
• Optional
MozBackgroundInlinePolicy: -moz-initial | inherit | initial | revert | unset | clone | slice | (undefined | -moz-initial | inherit | initial | revert | unset | clone | slice)[]
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
Inherited from: CSS.PropertiesFallback.MozBackgroundInlinePolicy
Defined in: node_modules/csstype/index.d.ts:8054
MozBackgroundOrigin
• Optional
MozBackgroundOrigin: -moz-initial | inherit | initial | revert | unset | string & {} | border-box | content-box | padding-box | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | border-box | content-box | padding-box)[]
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
Inherited from: CSS.PropertiesFallback.MozBackgroundOrigin
Defined in: node_modules/csstype/index.d.ts:8064
MozBackgroundSize
• Optional
MozBackgroundSize: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesFallback.MozBackgroundSize
Defined in: node_modules/csstype/index.d.ts:8074
MozBinding
• Optional
MozBinding: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
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
Inherited from: CSS.PropertiesFallback.MozBinding
Defined in: node_modules/csstype/index.d.ts:8084
MozBorderBottomColors
• Optional
MozBorderBottomColors: -moz-initial | inherit | initial | revert | unset | string & {} | none | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
In Mozilla applications like Firefox, the -moz-border-bottom-colors
CSS property sets a list of colors for the bottom border.
Syntax: <color>+ | none
Initial value: none
Inherited from: CSS.PropertiesFallback.MozBorderBottomColors
Defined in: node_modules/csstype/index.d.ts:5780
MozBorderEndColor
• Optional
MozBorderEndColor: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
The border-inline-end-color
CSS property defines the color of the logical inline-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
Inherited from: CSS.PropertiesFallback.MozBorderEndColor
Defined in: node_modules/csstype/index.d.ts:5788
MozBorderEndStyle
• Optional
MozBorderEndStyle: inset | -moz-initial | inherit | initial | revert | unset | none | hidden | dashed | dotted | double | groove | outset | ridge | solid | (undefined | inset | -moz-initial | inherit | initial | revert | unset | none | hidden | dashed | dotted | double | groove | outset | ridge | solid)[]
The border-inline-end-style
CSS property defines the style of the logical inline 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
Inherited from: CSS.PropertiesFallback.MozBorderEndStyle
Defined in: node_modules/csstype/index.d.ts:5796
MozBorderEndWidth
• Optional
MozBorderEndWidth: string | (undefined | string)[]
The border-inline-end-width
CSS property defines the width of the logical inline-end border of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-width
, border-right-width
, border-bottom-width
, or border-left-width
property depending on the values defined for writing-mode
, direction
, and text-orientation
.
Syntax: <'border-top-width'>
Initial value: medium
Inherited from: CSS.PropertiesFallback.MozBorderEndWidth
Defined in: node_modules/csstype/index.d.ts:5804
MozBorderImage
• Optional
MozBorderImage: space | -moz-initial | inherit | initial | revert | unset | stretch | string & {} | none | number & {} | repeat | round | (undefined | space | -moz-initial | inherit | initial | revert | unset | stretch | string & {} | none | number & {} | repeat | round)[]
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'>
Inherited from: CSS.PropertiesFallback.MozBorderImage
Defined in: node_modules/csstype/index.d.ts:7499
MozBorderLeftColors
• Optional
MozBorderLeftColors: -moz-initial | inherit | initial | revert | unset | string & {} | none | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
In Mozilla applications like Firefox, the -moz-border-left-colors
CSS property sets a list of colors for the left border.
Syntax: <color>+ | none
Initial value: none
Inherited from: CSS.PropertiesFallback.MozBorderLeftColors
Defined in: node_modules/csstype/index.d.ts:5812
MozBorderRadius
• Optional
MozBorderRadius: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesFallback.MozBorderRadius
Defined in: node_modules/csstype/index.d.ts:8092
MozBorderRadiusBottomleft
• Optional
MozBorderRadiusBottomleft: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesFallback.MozBorderRadiusBottomleft
Defined in: node_modules/csstype/index.d.ts:8102
MozBorderRadiusBottomright
• Optional
MozBorderRadiusBottomright: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesFallback.MozBorderRadiusBottomright
Defined in: node_modules/csstype/index.d.ts:8112
MozBorderRadiusTopleft
• Optional
MozBorderRadiusTopleft: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesFallback.MozBorderRadiusTopleft
Defined in: node_modules/csstype/index.d.ts:8122
MozBorderRadiusTopright
• Optional
MozBorderRadiusTopright: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesFallback.MozBorderRadiusTopright
Defined in: node_modules/csstype/index.d.ts:8132
MozBorderRightColors
• Optional
MozBorderRightColors: -moz-initial | inherit | initial | revert | unset | string & {} | none | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
In Mozilla applications like Firefox, the -moz-border-right-colors
CSS property sets a list of colors for the right border.
Syntax: <color>+ | none
Initial value: none
Inherited from: CSS.PropertiesFallback.MozBorderRightColors
Defined in: node_modules/csstype/index.d.ts:5820
MozBorderStartColor
• Optional
MozBorderStartColor: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
The border-inline-start-color
CSS property defines the color of the logical inline start 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
Inherited from: CSS.PropertiesFallback.MozBorderStartColor
Defined in: node_modules/csstype/index.d.ts:5828
MozBorderStartStyle
• Optional
MozBorderStartStyle: inset | -moz-initial | inherit | initial | revert | unset | none | hidden | dashed | dotted | double | groove | outset | ridge | solid | (undefined | inset | -moz-initial | inherit | initial | revert | unset | none | hidden | dashed | dotted | double | groove | outset | ridge | solid)[]
The border-inline-start-style
CSS property defines the style of the logical inline start 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
Inherited from: CSS.PropertiesFallback.MozBorderStartStyle
Defined in: node_modules/csstype/index.d.ts:5836
MozBorderTopColors
• Optional
MozBorderTopColors: -moz-initial | inherit | initial | revert | unset | string & {} | none | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
In Mozilla applications like Firefox, the -moz-border-top-colors
CSS property sets a list of colors for the top border.
Syntax: <color>+ | none
Initial value: none
Inherited from: CSS.PropertiesFallback.MozBorderTopColors
Defined in: node_modules/csstype/index.d.ts:5844
MozBoxAlign
• Optional
MozBoxAlign: -moz-initial | inherit | initial | revert | unset | stretch | center | end | start | baseline | (undefined | -moz-initial | inherit | initial | revert | unset | stretch | center | end | start | baseline)[]
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
Inherited from: CSS.PropertiesFallback.MozBoxAlign
Defined in: node_modules/csstype/index.d.ts:8142
MozBoxDirection
• Optional
MozBoxDirection: -moz-initial | inherit | initial | revert | unset | normal | reverse | (undefined | -moz-initial | inherit | initial | revert | unset | normal | reverse)[]
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
Inherited from: CSS.PropertiesFallback.MozBoxDirection
Defined in: node_modules/csstype/index.d.ts:8152
MozBoxFlex
• Optional
MozBoxFlex: -moz-initial | inherit | initial | revert | unset | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | number & {})[]
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
Inherited from: CSS.PropertiesFallback.MozBoxFlex
Defined in: node_modules/csstype/index.d.ts:8162
MozBoxOrdinalGroup
• Optional
MozBoxOrdinalGroup: -moz-initial | inherit | initial | revert | unset | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | number & {})[]
The box-ordinal-group
CSS property assigns the flexbox's child elements to an ordinal group.
Syntax: <integer>
Initial value: 1
deprecated
Inherited from: CSS.PropertiesFallback.MozBoxOrdinalGroup
Defined in: node_modules/csstype/index.d.ts:8172
MozBoxOrient
• Optional
MozBoxOrient: -moz-initial | inherit | initial | revert | unset | horizontal | vertical | block-axis | inline-axis | (undefined | -moz-initial | inherit | initial | revert | unset | horizontal | vertical | block-axis | inline-axis)[]
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
Inherited from: CSS.PropertiesFallback.MozBoxOrient
Defined in: node_modules/csstype/index.d.ts:8182
MozBoxPack
• Optional
MozBoxPack: -moz-initial | inherit | initial | revert | unset | center | end | start | justify | (undefined | -moz-initial | inherit | initial | revert | unset | center | end | start | justify)[]
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
Inherited from: CSS.PropertiesFallback.MozBoxPack
Defined in: node_modules/csstype/index.d.ts:8192
MozBoxShadow
• Optional
MozBoxShadow: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
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
Inherited from: CSS.PropertiesFallback.MozBoxShadow
Defined in: node_modules/csstype/index.d.ts:8202
MozBoxSizing
• Optional
MozBoxSizing: -moz-initial | inherit | initial | revert | unset | border-box | content-box | (undefined | -moz-initial | inherit | initial | revert | unset | border-box | content-box)[]
The box-sizing
CSS property sets how the total width and height of an element is calculated.
Syntax: content-box | border-box
Initial value: content-box
Inherited from: CSS.PropertiesFallback.MozBoxSizing
Defined in: node_modules/csstype/index.d.ts:5852
MozColumnCount
• Optional
MozColumnCount: -moz-initial | inherit | initial | revert | unset | auto | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | auto | number & {})[]
The column-count
CSS property breaks an element's content into the specified number of columns.
Syntax: <integer> | auto
Initial value: auto
Inherited from: CSS.PropertiesFallback.MozColumnCount
Defined in: node_modules/csstype/index.d.ts:5860
MozColumnFill
• Optional
MozColumnFill: -moz-initial | inherit | initial | revert | unset | auto | balance | (undefined | -moz-initial | inherit | initial | revert | unset | auto | balance)[]
The column-fill
CSS property controls how an element's contents are balanced when broken into columns.
Syntax: auto | balance | balance-all
Initial value: balance
Inherited from: CSS.PropertiesFallback.MozColumnFill
Defined in: node_modules/csstype/index.d.ts:5868
MozColumnGap
• Optional
MozColumnGap: string | string & {} | (undefined | string | string & {})[]
The column-gap
CSS property sets the size of the gap (gutter) between an element's columns.
Syntax: normal | <length-percentage>
Initial value: normal
Inherited from: CSS.PropertiesFallback.MozColumnGap
Defined in: node_modules/csstype/index.d.ts:5876
MozColumnRule
• Optional
MozColumnRule: string | string & {} | (undefined | string | string & {})[]
The column-rule
shorthand CSS property sets the width, style, and color of the line drawn between columns in a multi-column layout.
Syntax: <'column-rule-width'> || <'column-rule-style'> || <'column-rule-color'>
Inherited from: CSS.PropertiesFallback.MozColumnRule
Defined in: node_modules/csstype/index.d.ts:7505
MozColumnRuleColor
• Optional
MozColumnRuleColor: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
The column-rule-color
CSS property sets the color of the line drawn between columns in a multi-column layout.
Syntax: <color>
Initial value: currentcolor
Inherited from: CSS.PropertiesFallback.MozColumnRuleColor
Defined in: node_modules/csstype/index.d.ts:5884
MozColumnRuleStyle
• Optional
MozColumnRuleStyle: inset | -moz-initial | inherit | initial | revert | unset | string & {} | none | hidden | dashed | dotted | double | groove | outset | ridge | solid | (undefined | inset | -moz-initial | inherit | initial | revert | unset | string & {} | none | hidden | dashed | dotted | double | groove | outset | ridge | solid)[]
The column-rule-style
CSS property sets the style of the line drawn between columns in a multi-column layout.
Syntax: <'border-style'>
Initial value: none
Inherited from: CSS.PropertiesFallback.MozColumnRuleStyle
Defined in: node_modules/csstype/index.d.ts:5892
MozColumnRuleWidth
• Optional
MozColumnRuleWidth: string | string & {} | (undefined | string | string & {})[]
The column-rule-width
CSS property sets the width of the line drawn between columns in a multi-column layout.
Syntax: <'border-width'>
Initial value: medium
Inherited from: CSS.PropertiesFallback.MozColumnRuleWidth
Defined in: node_modules/csstype/index.d.ts:5900
MozColumnWidth
• Optional
MozColumnWidth: string | (undefined | string)[]
The column-width
CSS property sets the ideal column width in a multi-column layout. The container will have as many columns as can fit without any of them having a width less than the column-width
value. If the width of the container is narrower than the specified value, the single column's width will be smaller than the declared column width.
Syntax: <length> | auto
Initial value: auto
Inherited from: CSS.PropertiesFallback.MozColumnWidth
Defined in: node_modules/csstype/index.d.ts:5908
MozColumns
• Optional
MozColumns: string | string & {} | number & {} | (undefined | string | string & {} | number & {})[]
The columns
CSS shorthand property sets the number of columns to use when drawing an element's contents, as well as those columns' widths.
Syntax: <'column-width'> || <'column-count'>
Inherited from: CSS.PropertiesFallback.MozColumns
Defined in: node_modules/csstype/index.d.ts:7511
MozContextProperties
• Optional
MozContextProperties: fill | stroke | fill-opacity | stroke-opacity | -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | fill | stroke | fill-opacity | stroke-opacity | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
The **-moz-context-properties**
property can be used within privileged contexts in Firefox to share the values of specified properties of the element with a child SVG image.
Syntax: none | [ fill | fill-opacity | stroke | stroke-opacity ]#
Initial value: none
Inherited from: CSS.PropertiesFallback.MozContextProperties
Defined in: node_modules/csstype/index.d.ts:5916
MozFloatEdge
• Optional
MozFloatEdge: -moz-initial | inherit | initial | revert | unset | border-box | content-box | padding-box | margin-box | (undefined | -moz-initial | inherit | initial | revert | unset | border-box | content-box | padding-box | margin-box)[]
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
Inherited from: CSS.PropertiesFallback.MozFloatEdge
Defined in: node_modules/csstype/index.d.ts:8212
MozFontFeatureSettings
• Optional
MozFontFeatureSettings: -moz-initial | inherit | initial | revert | unset | normal | string & {} | (undefined | -moz-initial | inherit | initial | revert | unset | normal | string & {})[]
The font-feature-settings
CSS property controls advanced typographic features in OpenType fonts.
Syntax: normal | <feature-tag-value>#
Initial value: normal
Inherited from: CSS.PropertiesFallback.MozFontFeatureSettings
Defined in: node_modules/csstype/index.d.ts:5924
MozFontLanguageOverride
• Optional
MozFontLanguageOverride: -moz-initial | inherit | initial | revert | unset | normal | string & {} | (undefined | -moz-initial | inherit | initial | revert | unset | normal | string & {})[]
The font-language-override
CSS property controls the use of language-specific glyphs in a typeface.
Syntax: normal | <string>
Initial value: normal
Inherited from: CSS.PropertiesFallback.MozFontLanguageOverride
Defined in: node_modules/csstype/index.d.ts:5932
MozForceBrokenImageIcon
• Optional
MozForceBrokenImageIcon: -moz-initial | inherit | initial | revert | unset | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | number & {})[]
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: <integer [0,1]>
Initial value: 0
deprecated
Inherited from: CSS.PropertiesFallback.MozForceBrokenImageIcon
Defined in: node_modules/csstype/index.d.ts:8222
MozHyphens
• Optional
MozHyphens: -moz-initial | inherit | initial | revert | unset | auto | none | manual | (undefined | -moz-initial | inherit | initial | revert | unset | auto | none | manual)[]
The hyphens
CSS property specifies how words should be hyphenated when text wraps across multiple lines. It can prevent hyphenation entirely, hyphenate at manually-specified points within the text, or let the browser automatically insert hyphens where appropriate.
Syntax: none | manual | auto
Initial value: manual
Inherited from: CSS.PropertiesFallback.MozHyphens
Defined in: node_modules/csstype/index.d.ts:5940
MozImageRegion
• Optional
MozImageRegion: -moz-initial | inherit | initial | revert | unset | string & {} | auto | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | auto)[]
For certain XUL elements and pseudo-elements that use an image from the list-style-image
property, this property specifies a region of the image that is used in place of the whole image. This allows elements to use different pieces of the same image to improve performance.
Syntax: <shape> | auto
Initial value: auto
Inherited from: CSS.PropertiesFallback.MozImageRegion
Defined in: node_modules/csstype/index.d.ts:5948
MozMarginEnd
• Optional
MozMarginEnd: string | string & {} | (undefined | string | string & {})[]
The margin-inline-end
CSS property defines the logical inline end margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation. In other words, it corresponds to the margin-top
, margin-right
, margin-bottom
or margin-left
property depending on the values defined for writing-mode
, direction
, and text-orientation
.
Syntax: <'margin-left'>
Initial value: 0
Inherited from: CSS.PropertiesFallback.MozMarginEnd
Defined in: node_modules/csstype/index.d.ts:5956
MozMarginStart
• Optional
MozMarginStart: string | string & {} | (undefined | string | string & {})[]
The margin-inline-start
CSS property defines the logical inline start margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation. It corresponds to the margin-top
, margin-right
, margin-bottom
, or margin-left
property depending on the values defined for writing-mode
, direction
, and text-orientation
.
Syntax: <'margin-left'>
Initial value: 0
Inherited from: CSS.PropertiesFallback.MozMarginStart
Defined in: node_modules/csstype/index.d.ts:5964
MozOpacity
• Optional
MozOpacity: -moz-initial | inherit | initial | revert | unset | string & {} | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | number & {})[]
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
Inherited from: CSS.PropertiesFallback.MozOpacity
Defined in: node_modules/csstype/index.d.ts:8232
MozOrient
• Optional
MozOrient: -moz-initial | inherit | initial | revert | unset | block | inline | horizontal | vertical | (undefined | -moz-initial | inherit | initial | revert | unset | block | inline | horizontal | vertical)[]
The -moz-orient
CSS property specifies the orientation of the element to which it's applied.
Syntax: inline | block | horizontal | vertical
Initial value: inline
Inherited from: CSS.PropertiesFallback.MozOrient
Defined in: node_modules/csstype/index.d.ts:5972
MozOsxFontSmoothing
• Optional
MozOsxFontSmoothing: string | (undefined | string)[]
The font-smooth
CSS property controls the application of anti-aliasing when fonts are rendered.
Syntax: auto | never | always | <absolute-size> | <length>
Initial value: auto
Inherited from: CSS.PropertiesFallback.MozOsxFontSmoothing
Defined in: node_modules/csstype/index.d.ts:5980
MozOutline
• Optional
MozOutline: string | string & {} | (undefined | string | string & {})[]
The outline
CSS shorthand property set all the outline properties in a single declaration.
Syntax: [ <'outline-color'> || <'outline-style'> || <'outline-width'> ]
deprecated
Inherited from: CSS.PropertiesFallback.MozOutline
Defined in: node_modules/csstype/index.d.ts:8240
MozOutlineColor
• Optional
MozOutlineColor: invert | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | invert | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
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
Inherited from: CSS.PropertiesFallback.MozOutlineColor
Defined in: node_modules/csstype/index.d.ts:8250
MozOutlineRadius
• Optional
MozOutlineRadius: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesFallback.MozOutlineRadius
Defined in: node_modules/csstype/index.d.ts:8258
MozOutlineRadiusBottomleft
• Optional
MozOutlineRadiusBottomleft: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesFallback.MozOutlineRadiusBottomleft
Defined in: node_modules/csstype/index.d.ts:8268
MozOutlineRadiusBottomright
• Optional
MozOutlineRadiusBottomright: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesFallback.MozOutlineRadiusBottomright
Defined in: node_modules/csstype/index.d.ts:8278
MozOutlineRadiusTopleft
• Optional
MozOutlineRadiusTopleft: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesFallback.MozOutlineRadiusTopleft
Defined in: node_modules/csstype/index.d.ts:8288
MozOutlineRadiusTopright
• Optional
MozOutlineRadiusTopright: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesFallback.MozOutlineRadiusTopright
Defined in: node_modules/csstype/index.d.ts:8298
MozOutlineStyle
• Optional
MozOutlineStyle: inset | -moz-initial | inherit | initial | revert | unset | string & {} | auto | none | hidden | dashed | dotted | double | groove | outset | ridge | solid | (undefined | inset | -moz-initial | inherit | initial | revert | unset | string & {} | auto | none | hidden | dashed | dotted | double | groove | outset | ridge | solid)[]
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
Inherited from: CSS.PropertiesFallback.MozOutlineStyle
Defined in: node_modules/csstype/index.d.ts:8308
MozOutlineWidth
• Optional
MozOutlineWidth: string | (undefined | string)[]
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
Inherited from: CSS.PropertiesFallback.MozOutlineWidth
Defined in: node_modules/csstype/index.d.ts:8318
MozPaddingEnd
• Optional
MozPaddingEnd: string | string & {} | (undefined | string | string & {})[]
The padding-inline-end
CSS property defines the logical inline end padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation.
Syntax: <'padding-left'>
Initial value: 0
Inherited from: CSS.PropertiesFallback.MozPaddingEnd
Defined in: node_modules/csstype/index.d.ts:5988
MozPaddingStart
• Optional
MozPaddingStart: string | string & {} | (undefined | string | string & {})[]
The padding-inline-start
CSS property defines the logical inline start padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation.
Syntax: <'padding-left'>
Initial value: 0
Inherited from: CSS.PropertiesFallback.MozPaddingStart
Defined in: node_modules/csstype/index.d.ts:5996
MozPerspective
• Optional
MozPerspective: string | (undefined | string)[]
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
Inherited from: CSS.PropertiesFallback.MozPerspective
Defined in: node_modules/csstype/index.d.ts:6004
MozPerspectiveOrigin
• Optional
MozPerspectiveOrigin: string | string & {} | (undefined | string | string & {})[]
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%
Inherited from: CSS.PropertiesFallback.MozPerspectiveOrigin
Defined in: node_modules/csstype/index.d.ts:6012
MozStackSizing
• Optional
MozStackSizing: -moz-initial | inherit | initial | revert | unset | ignore | stretch-to-fit | (undefined | -moz-initial | inherit | initial | revert | unset | ignore | stretch-to-fit)[]
-moz-stack-sizing
is an extended CSS property. Normally, a <xul:stack>
will change its size so that all of its child elements are completely visible. For example, moving a child of the stack far to the right will widen the stack so the child remains visible.
Syntax: ignore | stretch-to-fit
Initial value: stretch-to-fit
Inherited from: CSS.PropertiesFallback.MozStackSizing
Defined in: node_modules/csstype/index.d.ts:6020
MozTabSize
• Optional
MozTabSize: string | number & {} | (undefined | string | number & {})[]
The tab-size
CSS property is used to customize the width of tab characters (U+0009).
Syntax: <integer> | <length>
Initial value: 8
Inherited from: CSS.PropertiesFallback.MozTabSize
Defined in: node_modules/csstype/index.d.ts:6028
MozTextAlignLast
• Optional
MozTextAlignLast: left | right | -moz-initial | inherit | initial | revert | unset | center | end | start | auto | justify | (undefined | left | right | -moz-initial | inherit | initial | revert | unset | center | end | start | auto | justify)[]
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
Inherited from: CSS.PropertiesFallback.MozTextAlignLast
Defined in: node_modules/csstype/index.d.ts:8328
MozTextBlink
• Optional
MozTextBlink: -moz-initial | inherit | initial | revert | unset | none | blink | (undefined | -moz-initial | inherit | initial | revert | unset | none | blink)[]
The -moz-text-blink
non-standard Mozilla CSS extension specifies the blink mode.
Syntax: none | blink
Initial value: none
Inherited from: CSS.PropertiesFallback.MozTextBlink
Defined in: node_modules/csstype/index.d.ts:6036
MozTextDecorationColor
• Optional
MozTextDecorationColor: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
The text-decoration-color
CSS property sets the color of decorations added to text by text-decoration-line
.
Syntax: <color>
Initial value: currentcolor
deprecated
Inherited from: CSS.PropertiesFallback.MozTextDecorationColor
Defined in: node_modules/csstype/index.d.ts:8338
MozTextDecorationLine
• Optional
MozTextDecorationLine: -moz-initial | inherit | initial | revert | unset | string & {} | none | blink | grammar-error | line-through | overline | spelling-error | underline | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none | blink | grammar-error | line-through | overline | spelling-error | underline)[]
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
Inherited from: CSS.PropertiesFallback.MozTextDecorationLine
Defined in: node_modules/csstype/index.d.ts:8348
MozTextDecorationStyle
• Optional
MozTextDecorationStyle: -moz-initial | inherit | initial | revert | unset | dashed | dotted | double | solid | wavy | (undefined | -moz-initial | inherit | initial | revert | unset | dashed | dotted | double | solid | wavy)[]
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
Inherited from: CSS.PropertiesFallback.MozTextDecorationStyle
Defined in: node_modules/csstype/index.d.ts:8358
MozTextSizeAdjust
• Optional
MozTextSizeAdjust: -moz-initial | inherit | initial | revert | unset | string & {} | auto | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | auto | none)[]
The text-size-adjust
CSS property controls the text inflation algorithm used on some smartphones and tablets. Other browsers will ignore this property.
Syntax: none | auto | <percentage>
Initial value: auto
for smartphone browsers supporting inflation, none
in other cases (and then not modifiable).
Inherited from: CSS.PropertiesFallback.MozTextSizeAdjust
Defined in: node_modules/csstype/index.d.ts:6044
MozTransformOrigin
• Optional
MozTransformOrigin: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesFallback.MozTransformOrigin
Defined in: node_modules/csstype/index.d.ts:6052
MozTransformStyle
• Optional
MozTransformStyle: -moz-initial | inherit | initial | revert | unset | flat | preserve-3d | (undefined | -moz-initial | inherit | initial | revert | unset | flat | preserve-3d)[]
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
Inherited from: CSS.PropertiesFallback.MozTransformStyle
Defined in: node_modules/csstype/index.d.ts:6060
MozTransition
• Optional
MozTransition: string | string & {} | (undefined | string | string & {})[]
The transition
CSS property is a shorthand property for transition-property
, transition-duration
, transition-timing-function
, and transition-delay
.
Syntax: <single-transition>#
Inherited from: CSS.PropertiesFallback.MozTransition
Defined in: node_modules/csstype/index.d.ts:7517
MozTransitionDelay
• Optional
MozTransitionDelay: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesFallback.MozTransitionDelay
Defined in: node_modules/csstype/index.d.ts:6068
MozTransitionDuration
• Optional
MozTransitionDuration: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesFallback.MozTransitionDuration
Defined in: node_modules/csstype/index.d.ts:6076
MozTransitionProperty
• Optional
MozTransitionProperty: all | -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | all | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
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
Inherited from: CSS.PropertiesFallback.MozTransitionProperty
Defined in: node_modules/csstype/index.d.ts:6084
MozTransitionTimingFunction
• Optional
MozTransitionTimingFunction: -moz-initial | inherit | initial | revert | unset | string & {} | ease | ease-in | ease-in-out | ease-out | step-end | step-start | linear | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | ease | ease-in | ease-in-out | ease-out | step-end | step-start | linear)[]
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
Inherited from: CSS.PropertiesFallback.MozTransitionTimingFunction
Defined in: node_modules/csstype/index.d.ts:6092
MozUserFocus
• Optional
MozUserFocus: -moz-initial | inherit | initial | revert | unset | normal | none | ignore | select-after | select-all | select-before | select-menu | select-same | (undefined | -moz-initial | inherit | initial | revert | unset | normal | none | ignore | select-after | select-all | select-before | select-menu | select-same)[]
The -moz-user-focus
CSS property is used to indicate whether an element can have the focus.
Syntax: ignore | normal | select-after | select-before | select-menu | select-same | select-all | none
Initial value: none
Inherited from: CSS.PropertiesFallback.MozUserFocus
Defined in: node_modules/csstype/index.d.ts:6100
MozUserInput
• Optional
MozUserInput: -moz-initial | inherit | initial | revert | unset | auto | none | disabled | enabled | (undefined | -moz-initial | inherit | initial | revert | unset | auto | none | disabled | enabled)[]
In Mozilla applications, -moz-user-input
determines if an element will accept user input.
Syntax: auto | none | enabled | disabled
Initial value: auto
deprecated
Inherited from: CSS.PropertiesFallback.MozUserInput
Defined in: node_modules/csstype/index.d.ts:8368
MozUserModify
• Optional
MozUserModify: -moz-initial | inherit | initial | revert | unset | read-only | read-write | write-only | (undefined | -moz-initial | inherit | initial | revert | unset | read-only | read-write | write-only)[]
The user-modify
property has no effect in Firefox. It was originally planned to determine whether or not the content of an element can be edited by a user.
Syntax: read-only | read-write | write-only
Initial value: read-only
Inherited from: CSS.PropertiesFallback.MozUserModify
Defined in: node_modules/csstype/index.d.ts:6108
MozUserSelect
• Optional
MozUserSelect: contain | all | -moz-initial | inherit | initial | revert | unset | auto | none | text | -moz-none | element | (undefined | contain | all | -moz-initial | inherit | initial | revert | unset | auto | none | text | -moz-none | element)[]
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
Inherited from: CSS.PropertiesFallback.MozUserSelect
Defined in: node_modules/csstype/index.d.ts:6116
MozWindowDragging
• Optional
MozWindowDragging: -moz-initial | inherit | initial | revert | unset | drag | no-drag | (undefined | -moz-initial | inherit | initial | revert | unset | drag | no-drag)[]
The -moz-window-dragging
CSS property specifies whether a window is draggable or not. It only works in Chrome code, and only on Mac OS X.
Syntax: drag | no-drag
Initial value: drag
Inherited from: CSS.PropertiesFallback.MozWindowDragging
Defined in: node_modules/csstype/index.d.ts:6124
MozWindowShadow
• Optional
MozWindowShadow: sheet | -moz-initial | inherit | initial | revert | unset | none | default | menu | tooltip | (undefined | sheet | -moz-initial | inherit | initial | revert | unset | none | default | menu | tooltip)[]
The -moz-window-shadow
CSS property specifies whether a window will have a shadow. It only works on Mac OS X.
Syntax: default | menu | tooltip | sheet | none
Initial value: default
Inherited from: CSS.PropertiesFallback.MozWindowShadow
Defined in: node_modules/csstype/index.d.ts:6132
OAnimation
• Optional
OAnimation: string | string & {} | number & {} | (undefined | string | string & {} | number & {})[]
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
Inherited from: CSS.PropertiesFallback.OAnimation
Defined in: node_modules/csstype/index.d.ts:8396
OAnimationDelay
• Optional
OAnimationDelay: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesFallback.OAnimationDelay
Defined in: node_modules/csstype/index.d.ts:8406
OAnimationDirection
• Optional
OAnimationDirection: -moz-initial | inherit | initial | revert | unset | normal | string & {} | alternate | alternate-reverse | reverse | (undefined | -moz-initial | inherit | initial | revert | unset | normal | string & {} | alternate | alternate-reverse | reverse)[]
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
Inherited from: CSS.PropertiesFallback.OAnimationDirection
Defined in: node_modules/csstype/index.d.ts:8416
OAnimationDuration
• Optional
OAnimationDuration: string | string & {} | (undefined | string | string & {})[]
The animation-duration
CSS property sets the length of time that an animation takes to complete one cycle.
Syntax: <time>#
Initial value: 0s
deprecated
Inherited from: CSS.PropertiesFallback.OAnimationDuration
Defined in: node_modules/csstype/index.d.ts:8426
OAnimationFillMode
• Optional
OAnimationFillMode: -moz-initial | inherit | initial | revert | unset | string & {} | backwards | both | forwards | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | backwards | both | forwards | none)[]
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
Inherited from: CSS.PropertiesFallback.OAnimationFillMode
Defined in: node_modules/csstype/index.d.ts:8436
OAnimationIterationCount
• Optional
OAnimationIterationCount: -moz-initial | inherit | initial | revert | unset | string & {} | infinite | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | infinite | number & {})[]
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
Inherited from: CSS.PropertiesFallback.OAnimationIterationCount
Defined in: node_modules/csstype/index.d.ts:8446
OAnimationName
• Optional
OAnimationName: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
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
Inherited from: CSS.PropertiesFallback.OAnimationName
Defined in: node_modules/csstype/index.d.ts:8456
OAnimationPlayState
• Optional
OAnimationPlayState: -moz-initial | inherit | initial | revert | unset | string & {} | paused | running | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | paused | running)[]
The animation-play-state
CSS property sets whether an animation is running or paused.
Syntax: <single-animation-play-state>#
Initial value: running
deprecated
Inherited from: CSS.PropertiesFallback.OAnimationPlayState
Defined in: node_modules/csstype/index.d.ts:8466
OAnimationTimingFunction
• Optional
OAnimationTimingFunction: -moz-initial | inherit | initial | revert | unset | string & {} | ease | ease-in | ease-in-out | ease-out | step-end | step-start | linear | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | ease | ease-in | ease-in-out | ease-out | step-end | step-start | linear)[]
The animation-timing-function
CSS property sets how an animation progresses through the duration of each cycle.
Syntax: <easing-function>#
Initial value: ease
deprecated
Inherited from: CSS.PropertiesFallback.OAnimationTimingFunction
Defined in: node_modules/csstype/index.d.ts:8476
OBackgroundSize
• Optional
OBackgroundSize: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesFallback.OBackgroundSize
Defined in: node_modules/csstype/index.d.ts:8486
OBorderImage
• Optional
OBorderImage: space | -moz-initial | inherit | initial | revert | unset | stretch | string & {} | none | number & {} | repeat | round | (undefined | space | -moz-initial | inherit | initial | revert | unset | stretch | string & {} | none | number & {} | repeat | round)[]
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
Inherited from: CSS.PropertiesFallback.OBorderImage
Defined in: node_modules/csstype/index.d.ts:8494
OObjectFit
• Optional
OObjectFit: fill | contain | -moz-initial | inherit | initial | revert | unset | none | cover | scale-down | (undefined | fill | contain | -moz-initial | inherit | initial | revert | unset | none | cover | scale-down)[]
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
Inherited from: CSS.PropertiesFallback.OObjectFit
Defined in: node_modules/csstype/index.d.ts:6636
OObjectPosition
• Optional
OObjectPosition: string | string & {} | (undefined | string | string & {})[]
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%
Inherited from: CSS.PropertiesFallback.OObjectPosition
Defined in: node_modules/csstype/index.d.ts:6644
OTabSize
• Optional
OTabSize: string | number & {} | (undefined | string | number & {})[]
The tab-size
CSS property is used to customize the width of tab characters (U+0009).
Syntax: <integer> | <length>
Initial value: 8
Inherited from: CSS.PropertiesFallback.OTabSize
Defined in: node_modules/csstype/index.d.ts:6652
OTextOverflow
• Optional
OTextOverflow: clip | -moz-initial | inherit | initial | revert | unset | string & {} | ellipsis | (undefined | clip | -moz-initial | inherit | initial | revert | unset | string & {} | ellipsis)[]
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
Inherited from: CSS.PropertiesFallback.OTextOverflow
Defined in: node_modules/csstype/index.d.ts:6660
OTransform
• Optional
OTransform: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
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
Inherited from: CSS.PropertiesFallback.OTransform
Defined in: node_modules/csstype/index.d.ts:8504
OTransformOrigin
• Optional
OTransformOrigin: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesFallback.OTransformOrigin
Defined in: node_modules/csstype/index.d.ts:6668
OTransition
• Optional
OTransition: string | string & {} | (undefined | string | string & {})[]
The transition
CSS property is a shorthand property for transition-property
, transition-duration
, transition-timing-function
, and transition-delay
.
Syntax: <single-transition>#
deprecated
Inherited from: CSS.PropertiesFallback.OTransition
Defined in: node_modules/csstype/index.d.ts:8512
OTransitionDelay
• Optional
OTransitionDelay: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesFallback.OTransitionDelay
Defined in: node_modules/csstype/index.d.ts:8522
OTransitionDuration
• Optional
OTransitionDuration: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesFallback.OTransitionDuration
Defined in: node_modules/csstype/index.d.ts:8532
OTransitionProperty
• Optional
OTransitionProperty: all | -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | all | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
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
Inherited from: CSS.PropertiesFallback.OTransitionProperty
Defined in: node_modules/csstype/index.d.ts:8542
OTransitionTimingFunction
• Optional
OTransitionTimingFunction: -moz-initial | inherit | initial | revert | unset | string & {} | ease | ease-in | ease-in-out | ease-out | step-end | step-start | linear | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | ease | ease-in | ease-in-out | ease-out | step-end | step-start | linear)[]
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
Inherited from: CSS.PropertiesFallback.OTransitionTimingFunction
Defined in: node_modules/csstype/index.d.ts:8552
WebkitAlignContent
• Optional
WebkitAlignContent: -moz-initial | inherit | initial | revert | unset | space-around | space-between | space-evenly | stretch | center | end | flex-end | flex-start | start | baseline | normal | string & {} | (undefined | -moz-initial | inherit | initial | revert | unset | space-around | space-between | space-evenly | stretch | center | end | flex-end | flex-start | start | baseline | normal | string & {})[]
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
Inherited from: CSS.PropertiesFallback.WebkitAlignContent
Defined in: node_modules/csstype/index.d.ts:6676
WebkitAlignItems
• Optional
WebkitAlignItems: -moz-initial | inherit | initial | revert | unset | stretch | center | end | flex-end | flex-start | start | baseline | normal | string & {} | self-end | self-start | (undefined | -moz-initial | inherit | initial | revert | unset | stretch | center | end | flex-end | flex-start | start | baseline | normal | string & {} | self-end | self-start)[]
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
Inherited from: CSS.PropertiesFallback.WebkitAlignItems
Defined in: node_modules/csstype/index.d.ts:6684
WebkitAlignSelf
• Optional
WebkitAlignSelf: -moz-initial | inherit | initial | revert | unset | stretch | center | end | flex-end | flex-start | start | baseline | normal | string & {} | self-end | self-start | auto | (undefined | -moz-initial | inherit | initial | revert | unset | stretch | center | end | flex-end | flex-start | start | baseline | normal | string & {} | self-end | self-start | auto)[]
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
Inherited from: CSS.PropertiesFallback.WebkitAlignSelf
Defined in: node_modules/csstype/index.d.ts:6692
WebkitAnimation
• Optional
WebkitAnimation: string | string & {} | number & {} | (undefined | string | string & {} | number & {})[]
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>#
Inherited from: CSS.PropertiesFallback.WebkitAnimation
Defined in: node_modules/csstype/index.d.ts:7565
WebkitAnimationDelay
• Optional
WebkitAnimationDelay: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesFallback.WebkitAnimationDelay
Defined in: node_modules/csstype/index.d.ts:6700
WebkitAnimationDirection
• Optional
WebkitAnimationDirection: -moz-initial | inherit | initial | revert | unset | normal | string & {} | alternate | alternate-reverse | reverse | (undefined | -moz-initial | inherit | initial | revert | unset | normal | string & {} | alternate | alternate-reverse | reverse)[]
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
Inherited from: CSS.PropertiesFallback.WebkitAnimationDirection
Defined in: node_modules/csstype/index.d.ts:6708
WebkitAnimationDuration
• Optional
WebkitAnimationDuration: string | string & {} | (undefined | string | string & {})[]
The animation-duration
CSS property sets the length of time that an animation takes to complete one cycle.
Syntax: <time>#
Initial value: 0s
Inherited from: CSS.PropertiesFallback.WebkitAnimationDuration
Defined in: node_modules/csstype/index.d.ts:6716
WebkitAnimationFillMode
• Optional
WebkitAnimationFillMode: -moz-initial | inherit | initial | revert | unset | string & {} | backwards | both | forwards | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | backwards | both | forwards | none)[]
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
Inherited from: CSS.PropertiesFallback.WebkitAnimationFillMode
Defined in: node_modules/csstype/index.d.ts:6724
WebkitAnimationIterationCount
• Optional
WebkitAnimationIterationCount: -moz-initial | inherit | initial | revert | unset | string & {} | infinite | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | infinite | number & {})[]
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
Inherited from: CSS.PropertiesFallback.WebkitAnimationIterationCount
Defined in: node_modules/csstype/index.d.ts:6732
WebkitAnimationName
• Optional
WebkitAnimationName: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
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
Inherited from: CSS.PropertiesFallback.WebkitAnimationName
Defined in: node_modules/csstype/index.d.ts:6740
WebkitAnimationPlayState
• Optional
WebkitAnimationPlayState: -moz-initial | inherit | initial | revert | unset | string & {} | paused | running | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | paused | running)[]
The animation-play-state
CSS property sets whether an animation is running or paused.
Syntax: <single-animation-play-state>#
Initial value: running
Inherited from: CSS.PropertiesFallback.WebkitAnimationPlayState
Defined in: node_modules/csstype/index.d.ts:6748
WebkitAnimationTimingFunction
• Optional
WebkitAnimationTimingFunction: -moz-initial | inherit | initial | revert | unset | string & {} | ease | ease-in | ease-in-out | ease-out | step-end | step-start | linear | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | ease | ease-in | ease-in-out | ease-out | step-end | step-start | linear)[]
The animation-timing-function
CSS property sets how an animation progresses through the duration of each cycle.
Syntax: <easing-function>#
Initial value: ease
Inherited from: CSS.PropertiesFallback.WebkitAnimationTimingFunction
Defined in: node_modules/csstype/index.d.ts:6756
WebkitAppearance
• Optional
WebkitAppearance: -moz-initial | inherit | initial | revert | unset | none | button | checkbox | listbox | menulist | meter | progress-bar | push-button | radio | searchfield | slider-horizontal | square-button | textarea | menulist-button | textfield | button-bevel | caret | listitem | menulist-text | menulist-textfield | -apple-pay-button | default-button | inner-spin-button | media-controls-background | media-controls-fullscreen-background | media-current-time-display | media-enter-fullscreen-button | media-exit-fullscreen-button | media-fullscreen-button | media-mute-button | media-overlay-play-button | media-play-button | media-seek-back-button | media-seek-forward-button | media-slider | media-sliderthumb | media-time-remaining-display | media-toggle-closed-captions-button | media-volume-slider | media-volume-slider-container | media-volume-sliderthumb | progress-bar-value | searchfield-cancel-button | searchfield-decoration | searchfield-results-button | searchfield-results-decoration | slider-vertical | sliderthumb-horizontal | sliderthumb-vertical | (undefined | -moz-initial | inherit | initial | revert | unset | none | button | checkbox | listbox | menulist | meter | progress-bar | push-button | radio | searchfield | slider-horizontal | square-button | textarea | menulist-button | textfield | button-bevel | caret | listitem | menulist-text | menulist-textfield | -apple-pay-button | default-button | inner-spin-button | media-controls-background | media-controls-fullscreen-background | media-current-time-display | media-enter-fullscreen-button | media-exit-fullscreen-button | media-fullscreen-button | media-mute-button | media-overlay-play-button | media-play-button | media-seek-back-button | media-seek-forward-button | media-slider | media-sliderthumb | media-time-remaining-display | media-toggle-closed-captions-button | media-volume-slider | media-volume-slider-container | media-volume-sliderthumb | progress-bar-value | searchfield-cancel-button | searchfield-decoration | searchfield-results-button | searchfield-results-decoration | slider-vertical | sliderthumb-horizontal | sliderthumb-vertical)[]
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 | button | button-bevel | caret | checkbox | default-button | inner-spin-button | listbox | listitem | media-controls-background | media-controls-fullscreen-background | media-current-time-display | media-enter-fullscreen-button | media-exit-fullscreen-button | media-fullscreen-button | media-mute-button | media-overlay-play-button | media-play-button | media-seek-back-button | media-seek-forward-button | media-slider | media-sliderthumb | media-time-remaining-display | media-toggle-closed-captions-button | media-volume-slider | media-volume-slider-container | media-volume-sliderthumb | menulist | menulist-button | menulist-text | menulist-textfield | meter | progress-bar | progress-bar-value | push-button | radio | searchfield | searchfield-cancel-button | searchfield-decoration | searchfield-results-button | searchfield-results-decoration | slider-horizontal | slider-vertical | sliderthumb-horizontal | sliderthumb-vertical | square-button | textarea | textfield | -apple-pay-button
Initial value: none
(but this value is overridden in the user agent CSS)
Inherited from: CSS.PropertiesFallback.WebkitAppearance
Defined in: node_modules/csstype/index.d.ts:6764
WebkitBackdropFilter
• Optional
WebkitBackdropFilter: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
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
Inherited from: CSS.PropertiesFallback.WebkitBackdropFilter
Defined in: node_modules/csstype/index.d.ts:6772
WebkitBackfaceVisibility
• Optional
WebkitBackfaceVisibility: -moz-initial | inherit | initial | revert | unset | hidden | visible | (undefined | -moz-initial | inherit | initial | revert | unset | hidden | visible)[]
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
Inherited from: CSS.PropertiesFallback.WebkitBackfaceVisibility
Defined in: node_modules/csstype/index.d.ts:6780
WebkitBackgroundClip
• Optional
WebkitBackgroundClip: -moz-initial | inherit | initial | revert | unset | string & {} | border-box | content-box | padding-box | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | border-box | content-box | padding-box)[]
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
Inherited from: CSS.PropertiesFallback.WebkitBackgroundClip
Defined in: node_modules/csstype/index.d.ts:6788
WebkitBackgroundOrigin
• Optional
WebkitBackgroundOrigin: -moz-initial | inherit | initial | revert | unset | string & {} | border-box | content-box | padding-box | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | border-box | content-box | padding-box)[]
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
Inherited from: CSS.PropertiesFallback.WebkitBackgroundOrigin
Defined in: node_modules/csstype/index.d.ts:6796
WebkitBackgroundSize
• Optional
WebkitBackgroundSize: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesFallback.WebkitBackgroundSize
Defined in: node_modules/csstype/index.d.ts:6804
WebkitBorderBefore
• Optional
WebkitBorderBefore: string | string & {} | (undefined | string | string & {})[]
The -webkit-border-before
CSS property is a shorthand property for setting the individual logical block start border property values in a single place in the style sheet.
Syntax: <'border-width'> || <'border-style'> || <color>
Inherited from: CSS.PropertiesFallback.WebkitBorderBefore
Defined in: node_modules/csstype/index.d.ts:7571
WebkitBorderBeforeColor
• Optional
WebkitBorderBeforeColor: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
Syntax: <color>
Initial value: currentcolor
Inherited from: CSS.PropertiesFallback.WebkitBorderBeforeColor
Defined in: node_modules/csstype/index.d.ts:6810
WebkitBorderBeforeStyle
• Optional
WebkitBorderBeforeStyle: inset | -moz-initial | inherit | initial | revert | unset | string & {} | none | hidden | dashed | dotted | double | groove | outset | ridge | solid | (undefined | inset | -moz-initial | inherit | initial | revert | unset | string & {} | none | hidden | dashed | dotted | double | groove | outset | ridge | solid)[]
Syntax: <'border-style'>
Initial value: none
Inherited from: CSS.PropertiesFallback.WebkitBorderBeforeStyle
Defined in: node_modules/csstype/index.d.ts:6816
WebkitBorderBeforeWidth
• Optional
WebkitBorderBeforeWidth: string | string & {} | (undefined | string | string & {})[]
Syntax: <'border-width'>
Initial value: medium
Inherited from: CSS.PropertiesFallback.WebkitBorderBeforeWidth
Defined in: node_modules/csstype/index.d.ts:6822
WebkitBorderBottomLeftRadius
• Optional
WebkitBorderBottomLeftRadius: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesFallback.WebkitBorderBottomLeftRadius
Defined in: node_modules/csstype/index.d.ts:6830
WebkitBorderBottomRightRadius
• Optional
WebkitBorderBottomRightRadius: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesFallback.WebkitBorderBottomRightRadius
Defined in: node_modules/csstype/index.d.ts:6838
WebkitBorderImage
• Optional
WebkitBorderImage: space | -moz-initial | inherit | initial | revert | unset | stretch | string & {} | none | number & {} | repeat | round | (undefined | space | -moz-initial | inherit | initial | revert | unset | stretch | string & {} | none | number & {} | repeat | round)[]
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'>
Inherited from: CSS.PropertiesFallback.WebkitBorderImage
Defined in: node_modules/csstype/index.d.ts:7577
WebkitBorderImageSlice
• Optional
WebkitBorderImageSlice: -moz-initial | inherit | initial | revert | unset | string & {} | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | number & {})[]
The border-image-slice
CSS property divides the image specified by border-image-source
into regions. These regions form the components of an element's border image.
Syntax: <number-percentage>{1,4} && fill?
Initial value: 100%
Inherited from: CSS.PropertiesFallback.WebkitBorderImageSlice
Defined in: node_modules/csstype/index.d.ts:6846
WebkitBorderRadius
• Optional
WebkitBorderRadius: string | string & {} | (undefined | string | string & {})[]
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} ]?
Inherited from: CSS.PropertiesFallback.WebkitBorderRadius
Defined in: node_modules/csstype/index.d.ts:7583
WebkitBorderTopLeftRadius
• Optional
WebkitBorderTopLeftRadius: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesFallback.WebkitBorderTopLeftRadius
Defined in: node_modules/csstype/index.d.ts:6854
WebkitBorderTopRightRadius
• Optional
WebkitBorderTopRightRadius: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesFallback.WebkitBorderTopRightRadius
Defined in: node_modules/csstype/index.d.ts:6862
WebkitBoxAlign
• Optional
WebkitBoxAlign: -moz-initial | inherit | initial | revert | unset | stretch | center | end | start | baseline | (undefined | -moz-initial | inherit | initial | revert | unset | stretch | center | end | start | baseline)[]
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
Inherited from: CSS.PropertiesFallback.WebkitBoxAlign
Defined in: node_modules/csstype/index.d.ts:8562
WebkitBoxDecorationBreak
• Optional
WebkitBoxDecorationBreak: -moz-initial | inherit | initial | revert | unset | clone | slice | (undefined | -moz-initial | inherit | initial | revert | unset | clone | slice)[]
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
Inherited from: CSS.PropertiesFallback.WebkitBoxDecorationBreak
Defined in: node_modules/csstype/index.d.ts:6870
WebkitBoxDirection
• Optional
WebkitBoxDirection: -moz-initial | inherit | initial | revert | unset | normal | reverse | (undefined | -moz-initial | inherit | initial | revert | unset | normal | reverse)[]
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
Inherited from: CSS.PropertiesFallback.WebkitBoxDirection
Defined in: node_modules/csstype/index.d.ts:8572
WebkitBoxFlex
• Optional
WebkitBoxFlex: -moz-initial | inherit | initial | revert | unset | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | number & {})[]
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
Inherited from: CSS.PropertiesFallback.WebkitBoxFlex
Defined in: node_modules/csstype/index.d.ts:8582
WebkitBoxFlexGroup
• Optional
WebkitBoxFlexGroup: -moz-initial | inherit | initial | revert | unset | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | number & {})[]
The box-flex-group
CSS property assigns the flexbox's child elements to a flex group.
Syntax: <integer>
Initial value: 1
deprecated
Inherited from: CSS.PropertiesFallback.WebkitBoxFlexGroup
Defined in: node_modules/csstype/index.d.ts:8592
WebkitBoxLines
• Optional
WebkitBoxLines: -moz-initial | inherit | initial | revert | unset | multiple | single | (undefined | -moz-initial | inherit | initial | revert | unset | multiple | single)[]
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
Inherited from: CSS.PropertiesFallback.WebkitBoxLines
Defined in: node_modules/csstype/index.d.ts:8602
WebkitBoxOrdinalGroup
• Optional
WebkitBoxOrdinalGroup: -moz-initial | inherit | initial | revert | unset | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | number & {})[]
The box-ordinal-group
CSS property assigns the flexbox's child elements to an ordinal group.
Syntax: <integer>
Initial value: 1
deprecated
Inherited from: CSS.PropertiesFallback.WebkitBoxOrdinalGroup
Defined in: node_modules/csstype/index.d.ts:8612
WebkitBoxOrient
• Optional
WebkitBoxOrient: -moz-initial | inherit | initial | revert | unset | horizontal | vertical | block-axis | inline-axis | (undefined | -moz-initial | inherit | initial | revert | unset | horizontal | vertical | block-axis | inline-axis)[]
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
Inherited from: CSS.PropertiesFallback.WebkitBoxOrient
Defined in: node_modules/csstype/index.d.ts:8622
WebkitBoxPack
• Optional
WebkitBoxPack: -moz-initial | inherit | initial | revert | unset | center | end | start | justify | (undefined | -moz-initial | inherit | initial | revert | unset | center | end | start | justify)[]
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
Inherited from: CSS.PropertiesFallback.WebkitBoxPack
Defined in: node_modules/csstype/index.d.ts:8632
WebkitBoxReflect
• Optional
WebkitBoxReflect: string | string & {} | (undefined | string | string & {})[]
The -webkit-box-reflect
CSS property lets you reflect the content of an element in one specific direction.
Syntax: [ above | below | right | left ]? <length>? <image>?
Initial value: none
Inherited from: CSS.PropertiesFallback.WebkitBoxReflect
Defined in: node_modules/csstype/index.d.ts:6878
WebkitBoxShadow
• Optional
WebkitBoxShadow: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
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
Inherited from: CSS.PropertiesFallback.WebkitBoxShadow
Defined in: node_modules/csstype/index.d.ts:6886
WebkitBoxSizing
• Optional
WebkitBoxSizing: -moz-initial | inherit | initial | revert | unset | border-box | content-box | (undefined | -moz-initial | inherit | initial | revert | unset | border-box | content-box)[]
The box-sizing
CSS property sets how the total width and height of an element is calculated.
Syntax: content-box | border-box
Initial value: content-box
Inherited from: CSS.PropertiesFallback.WebkitBoxSizing
Defined in: node_modules/csstype/index.d.ts:6894
WebkitClipPath
• Optional
WebkitClipPath: -moz-initial | inherit | initial | revert | unset | string & {} | none | border-box | content-box | padding-box | fill-box | margin-box | stroke-box | view-box | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none | border-box | content-box | padding-box | fill-box | margin-box | stroke-box | view-box)[]
The **clip-path**
CSS property creates a clipping region that sets what part of an element should be shown. Parts that are inside the region are shown, while those outside are hidden.
Syntax: <clip-source> | [ <basic-shape> || <geometry-box> ] | none
Initial value: none
Inherited from: CSS.PropertiesFallback.WebkitClipPath
Defined in: node_modules/csstype/index.d.ts:6902
WebkitColumnCount
• Optional
WebkitColumnCount: -moz-initial | inherit | initial | revert | unset | auto | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | auto | number & {})[]
The column-count
CSS property breaks an element's content into the specified number of columns.
Syntax: <integer> | auto
Initial value: auto
Inherited from: CSS.PropertiesFallback.WebkitColumnCount
Defined in: node_modules/csstype/index.d.ts:6910
WebkitColumnFill
• Optional
WebkitColumnFill: -moz-initial | inherit | initial | revert | unset | auto | balance | (undefined | -moz-initial | inherit | initial | revert | unset | auto | balance)[]
The column-fill
CSS property controls how an element's contents are balanced when broken into columns.
Syntax: auto | balance | balance-all
Initial value: balance
Inherited from: CSS.PropertiesFallback.WebkitColumnFill
Defined in: node_modules/csstype/index.d.ts:6918
WebkitColumnGap
• Optional
WebkitColumnGap: string | string & {} | (undefined | string | string & {})[]
The column-gap
CSS property sets the size of the gap (gutter) between an element's columns.
Syntax: normal | <length-percentage>
Initial value: normal
Inherited from: CSS.PropertiesFallback.WebkitColumnGap
Defined in: node_modules/csstype/index.d.ts:6926
WebkitColumnRule
• Optional
WebkitColumnRule: string | string & {} | (undefined | string | string & {})[]
The column-rule
shorthand CSS property sets the width, style, and color of the line drawn between columns in a multi-column layout.
Syntax: <'column-rule-width'> || <'column-rule-style'> || <'column-rule-color'>
Inherited from: CSS.PropertiesFallback.WebkitColumnRule
Defined in: node_modules/csstype/index.d.ts:7589
WebkitColumnRuleColor
• Optional
WebkitColumnRuleColor: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
The column-rule-color
CSS property sets the color of the line drawn between columns in a multi-column layout.
Syntax: <color>
Initial value: currentcolor
Inherited from: CSS.PropertiesFallback.WebkitColumnRuleColor
Defined in: node_modules/csstype/index.d.ts:6934
WebkitColumnRuleStyle
• Optional
WebkitColumnRuleStyle: inset | -moz-initial | inherit | initial | revert | unset | string & {} | none | hidden | dashed | dotted | double | groove | outset | ridge | solid | (undefined | inset | -moz-initial | inherit | initial | revert | unset | string & {} | none | hidden | dashed | dotted | double | groove | outset | ridge | solid)[]
The column-rule-style
CSS property sets the style of the line drawn between columns in a multi-column layout.
Syntax: <'border-style'>
Initial value: none
Inherited from: CSS.PropertiesFallback.WebkitColumnRuleStyle
Defined in: node_modules/csstype/index.d.ts:6942
WebkitColumnRuleWidth
• Optional
WebkitColumnRuleWidth: string | string & {} | (undefined | string | string & {})[]
The column-rule-width
CSS property sets the width of the line drawn between columns in a multi-column layout.
Syntax: <'border-width'>
Initial value: medium
Inherited from: CSS.PropertiesFallback.WebkitColumnRuleWidth
Defined in: node_modules/csstype/index.d.ts:6950
WebkitColumnSpan
• Optional
WebkitColumnSpan: all | -moz-initial | inherit | initial | revert | unset | none | (undefined | all | -moz-initial | inherit | initial | revert | unset | none)[]
The column-span
CSS property makes it possible for an element to span across all columns when its value is set to all
.
Syntax: none | all
Initial value: none
Inherited from: CSS.PropertiesFallback.WebkitColumnSpan
Defined in: node_modules/csstype/index.d.ts:6958
WebkitColumnWidth
• Optional
WebkitColumnWidth: string | (undefined | string)[]
The column-width
CSS property sets the ideal column width in a multi-column layout. The container will have as many columns as can fit without any of them having a width less than the column-width
value. If the width of the container is narrower than the specified value, the single column's width will be smaller than the declared column width.
Syntax: <length> | auto
Initial value: auto
Inherited from: CSS.PropertiesFallback.WebkitColumnWidth
Defined in: node_modules/csstype/index.d.ts:6966
WebkitColumns
• Optional
WebkitColumns: string | string & {} | number & {} | (undefined | string | string & {} | number & {})[]
The columns
CSS shorthand property sets the number of columns to use when drawing an element's contents, as well as those columns' widths.
Syntax: <'column-width'> || <'column-count'>
Inherited from: CSS.PropertiesFallback.WebkitColumns
Defined in: node_modules/csstype/index.d.ts:7595
WebkitFilter
• Optional
WebkitFilter: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
The filter
CSS property applies graphical effects like blur or color shift to an element. Filters are commonly used to adjust the rendering of images, backgrounds, and borders.
Syntax: none | <filter-function-list>
Initial value: none
Inherited from: CSS.PropertiesFallback.WebkitFilter
Defined in: node_modules/csstype/index.d.ts:6974
WebkitFlex
• Optional
WebkitFlex: string | string & {} | number & {} | (undefined | string | string & {} | number & {})[]
The flex
CSS shorthand property sets how a flex item will grow or shrink to fit the space available in its flex container.
Syntax: none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]
Inherited from: CSS.PropertiesFallback.WebkitFlex
Defined in: node_modules/csstype/index.d.ts:7601
WebkitFlexBasis
• Optional
WebkitFlexBasis: string | string & {} | (undefined | string | string & {})[]
The flex-basis
CSS property sets the initial main size of a flex item. It sets the size of the content box unless otherwise set with box-sizing
.
Syntax: content | <'width'>
Initial value: auto
Inherited from: CSS.PropertiesFallback.WebkitFlexBasis
Defined in: node_modules/csstype/index.d.ts:6982
WebkitFlexDirection
• Optional
WebkitFlexDirection: -moz-initial | inherit | initial | revert | unset | column | column-reverse | row | row-reverse | (undefined | -moz-initial | inherit | initial | revert | unset | column | column-reverse | row | row-reverse)[]
The flex-direction
CSS property sets how flex items are placed in the flex container defining the main axis and the direction (normal or reversed).
Syntax: row | row-reverse | column | column-reverse
Initial value: row
Inherited from: CSS.PropertiesFallback.WebkitFlexDirection
Defined in: node_modules/csstype/index.d.ts:6990
WebkitFlexFlow
• Optional
WebkitFlexFlow: -moz-initial | inherit | initial | revert | unset | string & {} | column | column-reverse | row | row-reverse | nowrap | wrap | wrap-reverse | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | column | column-reverse | row | row-reverse | nowrap | wrap | wrap-reverse)[]
The flex-flow
CSS shorthand property specifies the direction of a flex container, as well as its wrapping behavior.
Syntax: <'flex-direction'> || <'flex-wrap'>
Inherited from: CSS.PropertiesFallback.WebkitFlexFlow
Defined in: node_modules/csstype/index.d.ts:7607
WebkitFlexGrow
• Optional
WebkitFlexGrow: -moz-initial | inherit | initial | revert | unset | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | number & {})[]
The flex-grow
CSS property sets the flex grow factor of a flex item main size.
Syntax: <number>
Initial value: 0
Inherited from: CSS.PropertiesFallback.WebkitFlexGrow
Defined in: node_modules/csstype/index.d.ts:6998
WebkitFlexShrink
• Optional
WebkitFlexShrink: -moz-initial | inherit | initial | revert | unset | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | number & {})[]
The flex-shrink
CSS property sets the flex shrink factor of a flex item. If the size of all flex items is larger than the flex container, items shrink to fit according to flex-shrink
.
Syntax: <number>
Initial value: 1
Inherited from: CSS.PropertiesFallback.WebkitFlexShrink
Defined in: node_modules/csstype/index.d.ts:7006
WebkitFlexWrap
• Optional
WebkitFlexWrap: -moz-initial | inherit | initial | revert | unset | nowrap | wrap | wrap-reverse | (undefined | -moz-initial | inherit | initial | revert | unset | nowrap | wrap | wrap-reverse)[]
The flex-wrap
CSS property sets whether flex items are forced onto one line or can wrap onto multiple lines. If wrapping is allowed, it sets the direction that lines are stacked.
Syntax: nowrap | wrap | wrap-reverse
Initial value: nowrap
Inherited from: CSS.PropertiesFallback.WebkitFlexWrap
Defined in: node_modules/csstype/index.d.ts:7014
WebkitFontFeatureSettings
• Optional
WebkitFontFeatureSettings: -moz-initial | inherit | initial | revert | unset | normal | string & {} | (undefined | -moz-initial | inherit | initial | revert | unset | normal | string & {})[]
The font-feature-settings
CSS property controls advanced typographic features in OpenType fonts.
Syntax: normal | <feature-tag-value>#
Initial value: normal
Inherited from: CSS.PropertiesFallback.WebkitFontFeatureSettings
Defined in: node_modules/csstype/index.d.ts:7022
WebkitFontKerning
• Optional
WebkitFontKerning: -moz-initial | inherit | initial | revert | unset | normal | auto | none | (undefined | -moz-initial | inherit | initial | revert | unset | normal | auto | none)[]
The font-kerning
CSS property sets the use of the kerning information stored in a font.
Syntax: auto | normal | none
Initial value: auto
Inherited from: CSS.PropertiesFallback.WebkitFontKerning
Defined in: node_modules/csstype/index.d.ts:7030
WebkitFontSmoothing
• Optional
WebkitFontSmoothing: string | (undefined | string)[]
The font-smooth
CSS property controls the application of anti-aliasing when fonts are rendered.
Syntax: auto | never | always | <absolute-size> | <length>
Initial value: auto
Inherited from: CSS.PropertiesFallback.WebkitFontSmoothing
Defined in: node_modules/csstype/index.d.ts:7038
WebkitFontVariantLigatures
• Optional
WebkitFontVariantLigatures: -moz-initial | inherit | initial | revert | unset | normal | string & {} | none | common-ligatures | contextual | discretionary-ligatures | historical-ligatures | no-common-ligatures | no-contextual | no-discretionary-ligatures | no-historical-ligatures | (undefined | -moz-initial | inherit | initial | revert | unset | normal | string & {} | none | common-ligatures | contextual | discretionary-ligatures | historical-ligatures | no-common-ligatures | no-contextual | no-discretionary-ligatures | no-historical-ligatures)[]
The font-variant-ligatures
CSS property controls which ligatures and contextual forms are used in textual content of the elements it applies to. This leads to more harmonized forms in the resulting text.
Syntax: normal | none | [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> ]
Initial value: normal
Inherited from: CSS.PropertiesFallback.WebkitFontVariantLigatures
Defined in: node_modules/csstype/index.d.ts:7046
WebkitHyphens
• Optional
WebkitHyphens: -moz-initial | inherit | initial | revert | unset | auto | none | manual | (undefined | -moz-initial | inherit | initial | revert | unset | auto | none | manual)[]
The hyphens
CSS property specifies how words should be hyphenated when text wraps across multiple lines. It can prevent hyphenation entirely, hyphenate at manually-specified points within the text, or let the browser automatically insert hyphens where appropriate.
Syntax: none | manual | auto
Initial value: manual
Inherited from: CSS.PropertiesFallback.WebkitHyphens
Defined in: node_modules/csstype/index.d.ts:7054
WebkitJustifyContent
• Optional
WebkitJustifyContent: left | right | -moz-initial | inherit | initial | revert | unset | space-around | space-between | space-evenly | stretch | center | end | flex-end | flex-start | start | normal | string & {} | (undefined | left | right | -moz-initial | inherit | initial | revert | unset | space-around | space-between | space-evenly | stretch | center | end | flex-end | flex-start | start | normal | string & {})[]
The CSS justify-content
property defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container.
Syntax: normal | <content-distribution> | <overflow-position>? [ <content-position> | left | right ]
Initial value: normal
Inherited from: CSS.PropertiesFallback.WebkitJustifyContent
Defined in: node_modules/csstype/index.d.ts:7062
WebkitLineBreak
• Optional
WebkitLineBreak: strict | -moz-initial | inherit | initial | revert | unset | normal | auto | anywhere | loose | (undefined | strict | -moz-initial | inherit | initial | revert | unset | normal | auto | anywhere | loose)[]
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
Inherited from: CSS.PropertiesFallback.WebkitLineBreak
Defined in: node_modules/csstype/index.d.ts:7070
WebkitLineClamp
• Optional
WebkitLineClamp: -moz-initial | inherit | initial | revert | unset | none | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | none | number & {})[]
The -webkit-line-clamp
CSS property allows limiting of the contents of a block container to the specified number of lines.
Syntax: none | <integer>
Initial value: none
Inherited from: CSS.PropertiesFallback.WebkitLineClamp
Defined in: node_modules/csstype/index.d.ts:7078
WebkitMarginEnd
• Optional
WebkitMarginEnd: string | string & {} | (undefined | string | string & {})[]
The margin-inline-end
CSS property defines the logical inline end margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation. In other words, it corresponds to the margin-top
, margin-right
, margin-bottom
or margin-left
property depending on the values defined for writing-mode
, direction
, and text-orientation
.
Syntax: <'margin-left'>
Initial value: 0
Inherited from: CSS.PropertiesFallback.WebkitMarginEnd
Defined in: node_modules/csstype/index.d.ts:7086
WebkitMarginStart
• Optional
WebkitMarginStart: string | string & {} | (undefined | string | string & {})[]
The margin-inline-start
CSS property defines the logical inline start margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation. It corresponds to the margin-top
, margin-right
, margin-bottom
, or margin-left
property depending on the values defined for writing-mode
, direction
, and text-orientation
.
Syntax: <'margin-left'>
Initial value: 0
Inherited from: CSS.PropertiesFallback.WebkitMarginStart
Defined in: node_modules/csstype/index.d.ts:7094
WebkitMask
• Optional
WebkitMask: string | string & {} | (undefined | string | string & {})[]
The mask
CSS shorthand property hides an element (partially or fully) by masking or clipping the image at specific points.
Syntax: [ <mask-reference> || <position> [ / <bg-size> ]? || <repeat-style> || [ <box> | border | padding | content | text ] || [ <box> | border | padding | content ] ]#
Inherited from: CSS.PropertiesFallback.WebkitMask
Defined in: node_modules/csstype/index.d.ts:7613
WebkitMaskAttachment
• Optional
WebkitMaskAttachment: -moz-initial | inherit | initial | revert | unset | string & {} | fixed | local | scroll | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | fixed | local | scroll)[]
If a -webkit-mask-image
is specified, -webkit-mask-attachment
determines whether the mask image's position is fixed within the viewport, or scrolls along with its containing block.
Syntax: <attachment>#
Initial value: scroll
Inherited from: CSS.PropertiesFallback.WebkitMaskAttachment
Defined in: node_modules/csstype/index.d.ts:7102
WebkitMaskClip
• Optional
WebkitMaskClip: padding | content | border | -moz-initial | inherit | initial | revert | unset | string & {} | border-box | content-box | padding-box | text | (undefined | padding | content | border | -moz-initial | inherit | initial | revert | unset | string & {} | border-box | content-box | padding-box | text)[]
The mask-clip
CSS property determines the area which is affected by a mask. The painted content of an element must be restricted to this area.
Syntax: [ <box> | border | padding | content | text ]#
Initial value: border
Inherited from: CSS.PropertiesFallback.WebkitMaskClip
Defined in: node_modules/csstype/index.d.ts:7110
WebkitMaskComposite
• Optional
WebkitMaskComposite: clear | -moz-initial | inherit | initial | revert | unset | string & {} | copy | destination-atop | destination-in | destination-out | destination-over | source-atop | source-in | source-out | source-over | xor | (undefined | clear | -moz-initial | inherit | initial | revert | unset | string & {} | copy | destination-atop | destination-in | destination-out | destination-over | source-atop | source-in | source-out | source-over | xor)[]
The -webkit-mask-composite
property specifies the manner in which multiple mask images applied to the same element are composited with one another. Mask images are composited in the opposite order that they are declared with the -webkit-mask-image
property.
Syntax: <composite-style>#
Initial value: source-over
Inherited from: CSS.PropertiesFallback.WebkitMaskComposite
Defined in: node_modules/csstype/index.d.ts:7118
WebkitMaskImage
• Optional
WebkitMaskImage: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
The mask-image
CSS property sets the image that is used as mask layer for an element.
Syntax: <mask-reference>#
Initial value: none
Inherited from: CSS.PropertiesFallback.WebkitMaskImage
Defined in: node_modules/csstype/index.d.ts:7126
WebkitMaskOrigin
• Optional
WebkitMaskOrigin: padding | content | border | -moz-initial | inherit | initial | revert | unset | string & {} | border-box | content-box | padding-box | (undefined | padding | content | border | -moz-initial | inherit | initial | revert | unset | string & {} | border-box | content-box | padding-box)[]
The mask-origin
CSS property sets the origin of a mask.
Syntax: [ <box> | border | padding | content ]#
Initial value: padding
Inherited from: CSS.PropertiesFallback.WebkitMaskOrigin
Defined in: node_modules/csstype/index.d.ts:7134
WebkitMaskPosition
• Optional
WebkitMaskPosition: string | string & {} | (undefined | string | string & {})[]
The mask-position
CSS property sets the initial position, relative to the mask position layer set by mask-origin
, for each defined mask image.
Syntax: <position>#
Initial value: 0% 0%
Inherited from: CSS.PropertiesFallback.WebkitMaskPosition
Defined in: node_modules/csstype/index.d.ts:7142
WebkitMaskPositionX
• Optional
WebkitMaskPositionX: string | string & {} | (undefined | string | string & {})[]
The -webkit-mask-position-x
CSS property sets the initial horizontal position of a mask image.
Syntax: [ <length-percentage> | left | center | right ]#
Initial value: 0%
Inherited from: CSS.PropertiesFallback.WebkitMaskPositionX
Defined in: node_modules/csstype/index.d.ts:7150
WebkitMaskPositionY
• Optional
WebkitMaskPositionY: string | string & {} | (undefined | string | string & {})[]
The -webkit-mask-position-y
CSS property sets the initial vertical position of a mask image.
Syntax: [ <length-percentage> | top | center | bottom ]#
Initial value: 0%
Inherited from: CSS.PropertiesFallback.WebkitMaskPositionY
Defined in: node_modules/csstype/index.d.ts:7158
WebkitMaskRepeat
• Optional
WebkitMaskRepeat: space | -moz-initial | inherit | initial | revert | unset | string & {} | no-repeat | repeat | repeat-x | repeat-y | round | (undefined | space | -moz-initial | inherit | initial | revert | unset | string & {} | no-repeat | repeat | repeat-x | repeat-y | round)[]
The mask-repeat
CSS property sets how mask images are repeated. A mask image can be repeated along the horizontal axis, the vertical axis, both axes, or not repeated at all.
Syntax: <repeat-style>#
Initial value: repeat
Inherited from: CSS.PropertiesFallback.WebkitMaskRepeat
Defined in: node_modules/csstype/index.d.ts:7166
WebkitMaskRepeatX
• Optional
WebkitMaskRepeatX: space | -moz-initial | inherit | initial | revert | unset | no-repeat | repeat | round | (undefined | space | -moz-initial | inherit | initial | revert | unset | no-repeat | repeat | round)[]
The -webkit-mask-repeat-x
property specifies whether and how a mask image is repeated (tiled) horizontally.
Syntax: repeat | no-repeat | space | round
Initial value: repeat
Inherited from: CSS.PropertiesFallback.WebkitMaskRepeatX
Defined in: node_modules/csstype/index.d.ts:7174
WebkitMaskRepeatY
• Optional
WebkitMaskRepeatY: space | -moz-initial | inherit | initial | revert | unset | no-repeat | repeat | round | (undefined | space | -moz-initial | inherit | initial | revert | unset | no-repeat | repeat | round)[]
The -webkit-mask-repeat-y
property sets whether and how a mask image is repeated (tiled) vertically.
Syntax: repeat | no-repeat | space | round
Initial value: repeat
Inherited from: CSS.PropertiesFallback.WebkitMaskRepeatY
Defined in: node_modules/csstype/index.d.ts:7182
WebkitMaskSize
• Optional
WebkitMaskSize: string | string & {} | (undefined | string | string & {})[]
The mask-size
CSS property specifies the sizes of the mask images. The size of the image can be fully or partially constrained in order to preserve its intrinsic ratio.
Syntax: <bg-size>#
Initial value: auto auto
Inherited from: CSS.PropertiesFallback.WebkitMaskSize
Defined in: node_modules/csstype/index.d.ts:7190
WebkitMaxInlineSize
• Optional
WebkitMaxInlineSize: string | string & {} | (undefined | string | string & {})[]
The max-inline-size
CSS property defines the horizontal or vertical maximum size of an element's block, depending on its writing mode. It corresponds to either the max-width
or the max-height
property, depending on the value of writing-mode
.
Syntax: <'max-width'>
Initial value: 0
Inherited from: CSS.PropertiesFallback.WebkitMaxInlineSize
Defined in: node_modules/csstype/index.d.ts:7198
WebkitOrder
• Optional
WebkitOrder: -moz-initial | inherit | initial | revert | unset | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | number & {})[]
The order
CSS property sets the order to lay out an item in a flex or grid container. Items in a container are sorted by ascending order
value and then by their source code order.
Syntax: <integer>
Initial value: 0
Inherited from: CSS.PropertiesFallback.WebkitOrder
Defined in: node_modules/csstype/index.d.ts:7206
WebkitOverflowScrolling
• Optional
WebkitOverflowScrolling: -moz-initial | inherit | initial | revert | unset | auto | touch | (undefined | -moz-initial | inherit | initial | revert | unset | auto | touch)[]
The -webkit-overflow-scrolling
CSS property controls whether or not touch devices use momentum-based scrolling for a given element.
Syntax: auto | touch
Initial value: auto
Inherited from: CSS.PropertiesFallback.WebkitOverflowScrolling
Defined in: node_modules/csstype/index.d.ts:7214
WebkitPaddingEnd
• Optional
WebkitPaddingEnd: string | string & {} | (undefined | string | string & {})[]
The padding-inline-end
CSS property defines the logical inline end padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation.
Syntax: <'padding-left'>
Initial value: 0
Inherited from: CSS.PropertiesFallback.WebkitPaddingEnd
Defined in: node_modules/csstype/index.d.ts:7222
WebkitPaddingStart
• Optional
WebkitPaddingStart: string | string & {} | (undefined | string | string & {})[]
The padding-inline-start
CSS property defines the logical inline start padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation.
Syntax: <'padding-left'>
Initial value: 0
Inherited from: CSS.PropertiesFallback.WebkitPaddingStart
Defined in: node_modules/csstype/index.d.ts:7230
WebkitPerspective
• Optional
WebkitPerspective: string | (undefined | string)[]
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
Inherited from: CSS.PropertiesFallback.WebkitPerspective
Defined in: node_modules/csstype/index.d.ts:7238
WebkitPerspectiveOrigin
• Optional
WebkitPerspectiveOrigin: string | string & {} | (undefined | string | string & {})[]
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%
Inherited from: CSS.PropertiesFallback.WebkitPerspectiveOrigin
Defined in: node_modules/csstype/index.d.ts:7246
WebkitPrintColorAdjust
• Optional
WebkitPrintColorAdjust: -moz-initial | inherit | initial | revert | unset | economy | exact | (undefined | -moz-initial | inherit | initial | revert | unset | economy | exact)[]
The color-adjust
CSS property sets what, if anything, the user agent may do to optimize the appearance of the element on the output device. By default, the browser is allowed to make any adjustments to the element's appearance it determines to be necessary and prudent given the type and capabilities of the output device.
Syntax: economy | exact
Initial value: economy
Inherited from: CSS.PropertiesFallback.WebkitPrintColorAdjust
Defined in: node_modules/csstype/index.d.ts:7254
WebkitRubyPosition
• Optional
WebkitRubyPosition: -moz-initial | inherit | initial | revert | unset | over | under | (undefined | -moz-initial | inherit | initial | revert | unset | over | under)[]
The **ruby-position**
CSS property defines the position of a ruby element relatives to its base element. It can be position over the element (over
), under it (under
), or between the characters, on their right side (inter-character
).
Syntax: over | under | inter-character
Initial value: over
Inherited from: CSS.PropertiesFallback.WebkitRubyPosition
Defined in: node_modules/csstype/index.d.ts:7262
WebkitScrollSnapPointsX
• Optional
WebkitScrollSnapPointsX: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
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
Inherited from: CSS.PropertiesFallback.WebkitScrollSnapPointsX
Defined in: node_modules/csstype/index.d.ts:8642
WebkitScrollSnapPointsY
• Optional
WebkitScrollSnapPointsY: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
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
Inherited from: CSS.PropertiesFallback.WebkitScrollSnapPointsY
Defined in: node_modules/csstype/index.d.ts:8652
WebkitScrollSnapType
• Optional
WebkitScrollSnapType: -moz-initial | inherit | initial | revert | unset | string & {} | both | none | block | inline | x | y | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | both | none | block | inline | x | y)[]
The scroll-snap-type
CSS property sets how strictly snap points are enforced on the scroll container in case there is one.
Syntax: none | [ x | y | block | inline | both ] [ mandatory | proximity ]?
Initial value: none
Inherited from: CSS.PropertiesFallback.WebkitScrollSnapType
Defined in: node_modules/csstype/index.d.ts:7270
WebkitShapeMargin
• Optional
WebkitShapeMargin: string | string & {} | (undefined | string | string & {})[]
The shape-margin
CSS property sets a margin for a CSS shape created using shape-outside
.
Syntax: <length-percentage>
Initial value: 0
Inherited from: CSS.PropertiesFallback.WebkitShapeMargin
Defined in: node_modules/csstype/index.d.ts:7278
WebkitTapHighlightColor
• Optional
WebkitTapHighlightColor: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
-webkit-tap-highlight-color
is a non-standard CSS property that sets the color of the highlight that appears over a link while it's being tapped. The highlighting indicates to the user that their tap is being successfully recognized, and indicates which element they're tapping on.
Syntax: <color>
Initial value: black
Inherited from: CSS.PropertiesFallback.WebkitTapHighlightColor
Defined in: node_modules/csstype/index.d.ts:7286
WebkitTextCombine
• Optional
WebkitTextCombine: all | -ms-text-combine-horizontal | -moz-initial | inherit | initial | revert | unset | string & {} | none | digits | (undefined | all | -ms-text-combine-horizontal | -moz-initial | inherit | initial | revert | unset | string & {} | none | digits)[]
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.
Syntax: none | all | [ digits <integer>? ]
Initial value: none
Inherited from: CSS.PropertiesFallback.WebkitTextCombine
Defined in: node_modules/csstype/index.d.ts:7294
WebkitTextDecorationColor
• Optional
WebkitTextDecorationColor: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
The text-decoration-color
CSS property sets the color of decorations added to text by text-decoration-line
.
Syntax: <color>
Initial value: currentcolor
Inherited from: CSS.PropertiesFallback.WebkitTextDecorationColor
Defined in: node_modules/csstype/index.d.ts:7302
WebkitTextDecorationLine
• Optional
WebkitTextDecorationLine: -moz-initial | inherit | initial | revert | unset | string & {} | none | blink | grammar-error | line-through | overline | spelling-error | underline | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none | blink | grammar-error | line-through | overline | spelling-error | underline)[]
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
Inherited from: CSS.PropertiesFallback.WebkitTextDecorationLine
Defined in: node_modules/csstype/index.d.ts:7310
WebkitTextDecorationSkip
• Optional
WebkitTextDecorationSkip: -moz-initial | inherit | initial | revert | unset | string & {} | none | box-decoration | edges | leading-spaces | objects | spaces | trailing-spaces | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none | box-decoration | edges | leading-spaces | objects | spaces | trailing-spaces)[]
The text-decoration-skip
CSS property sets what parts of an element’s content any text decoration affecting the element must skip over. It controls all text decoration lines drawn by the element and also any text decoration lines drawn by its ancestors.
Syntax: none | [ objects || [ spaces | [ leading-spaces || trailing-spaces ] ] || edges || box-decoration ]
Initial value: objects
Inherited from: CSS.PropertiesFallback.WebkitTextDecorationSkip
Defined in: node_modules/csstype/index.d.ts:7318
WebkitTextDecorationStyle
• Optional
WebkitTextDecorationStyle: -moz-initial | inherit | initial | revert | unset | dashed | dotted | double | solid | wavy | (undefined | -moz-initial | inherit | initial | revert | unset | dashed | dotted | double | solid | wavy)[]
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
Inherited from: CSS.PropertiesFallback.WebkitTextDecorationStyle
Defined in: node_modules/csstype/index.d.ts:7326
WebkitTextEmphasis
• Optional
WebkitTextEmphasis: -moz-initial | inherit | initial | revert | unset | string & {} | none | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | circle | dot | double-circle | filled | open | sesame | triangle | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | circle | dot | double-circle | filled | open | sesame | triangle)[]
The text-emphasis
CSS property applies emphasis marks to text (except spaces and control characters). It is a shorthand for text-emphasis-style
and text-emphasis-color
.
Syntax: <'text-emphasis-style'> || <'text-emphasis-color'>
Inherited from: CSS.PropertiesFallback.WebkitTextEmphasis
Defined in: node_modules/csstype/index.d.ts:7619
WebkitTextEmphasisColor
• Optional
WebkitTextEmphasisColor: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
The text-emphasis-color
CSS property sets the color of emphasis marks. This value can also be set using the text-emphasis
shorthand.
Syntax: <color>
Initial value: currentcolor
Inherited from: CSS.PropertiesFallback.WebkitTextEmphasisColor
Defined in: node_modules/csstype/index.d.ts:7334
WebkitTextEmphasisPosition
• Optional
WebkitTextEmphasisPosition: -moz-initial | inherit | initial | revert | unset | string & {} | (undefined | -moz-initial | inherit | initial | revert | unset | string & {})[]
The text-emphasis-position
CSS property sets where emphasis marks are drawn. Like ruby text, if there isn't enough room for emphasis marks, the line height is increased.
Syntax: [ over | under ] && [ right | left ]
Initial value: over right
Inherited from: CSS.PropertiesFallback.WebkitTextEmphasisPosition
Defined in: node_modules/csstype/index.d.ts:7342
WebkitTextEmphasisStyle
• Optional
WebkitTextEmphasisStyle: -moz-initial | inherit | initial | revert | unset | string & {} | none | circle | dot | double-circle | filled | open | sesame | triangle | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none | circle | dot | double-circle | filled | open | sesame | triangle)[]
The text-emphasis-style
CSS property sets the appearance of emphasis marks. It can also be set, and reset, using the text-emphasis
shorthand.
Syntax: none | [ [ filled | open ] || [ dot | circle | double-circle | triangle | sesame ] ] | <string>
Initial value: none
Inherited from: CSS.PropertiesFallback.WebkitTextEmphasisStyle
Defined in: node_modules/csstype/index.d.ts:7350
WebkitTextFillColor
• Optional
WebkitTextFillColor: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
The -webkit-text-fill-color
CSS property specifies the fill color of characters of text. If this property is not set, the value of the color
property is used.
Syntax: <color>
Initial value: currentcolor
Inherited from: CSS.PropertiesFallback.WebkitTextFillColor
Defined in: node_modules/csstype/index.d.ts:7358
WebkitTextOrientation
• Optional
WebkitTextOrientation: -moz-initial | inherit | initial | revert | unset | mixed | sideways | upright | (undefined | -moz-initial | inherit | initial | revert | unset | mixed | sideways | upright)[]
The text-orientation
CSS property sets the orientation of the text characters in a line. It only affects text in vertical mode (when writing-mode
is not horizontal-tb
). It is useful for controlling the display of languages that use vertical script, and also for making vertical table headers.
Syntax: mixed | upright | sideways
Initial value: mixed
Inherited from: CSS.PropertiesFallback.WebkitTextOrientation
Defined in: node_modules/csstype/index.d.ts:7366
WebkitTextSizeAdjust
• Optional
WebkitTextSizeAdjust: -moz-initial | inherit | initial | revert | unset | string & {} | auto | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | auto | none)[]
The text-size-adjust
CSS property controls the text inflation algorithm used on some smartphones and tablets. Other browsers will ignore this property.
Syntax: none | auto | <percentage>
Initial value: auto
for smartphone browsers supporting inflation, none
in other cases (and then not modifiable).
Inherited from: CSS.PropertiesFallback.WebkitTextSizeAdjust
Defined in: node_modules/csstype/index.d.ts:7374
WebkitTextStroke
• Optional
WebkitTextStroke: string | string & {} | (undefined | string | string & {})[]
The -webkit-text-stroke
CSS property specifies the width and color of strokes for text characters. This is a shorthand property for the longhand properties -webkit-text-stroke-width
and -webkit-text-stroke-color
.
Syntax: <length> || <color>
Inherited from: CSS.PropertiesFallback.WebkitTextStroke
Defined in: node_modules/csstype/index.d.ts:7625
WebkitTextStrokeColor
• Optional
WebkitTextStrokeColor: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
The -webkit-text-stroke-color
CSS property specifies the stroke color of characters of text. If this property is not set, the value of the color
property is used.
Syntax: <color>
Initial value: currentcolor
Inherited from: CSS.PropertiesFallback.WebkitTextStrokeColor
Defined in: node_modules/csstype/index.d.ts:7382
WebkitTextStrokeWidth
• Optional
WebkitTextStrokeWidth: string | (undefined | string)[]
The -webkit-text-stroke-width
CSS property specifies the width of the stroke for text.
Syntax: <length>
Initial value: 0
Inherited from: CSS.PropertiesFallback.WebkitTextStrokeWidth
Defined in: node_modules/csstype/index.d.ts:7390
WebkitTextUnderlinePosition
• Optional
WebkitTextUnderlinePosition: left | right | -moz-initial | inherit | initial | revert | unset | string & {} | auto | under | from-font | (undefined | left | right | -moz-initial | inherit | initial | revert | unset | string & {} | auto | under | from-font)[]
The text-underline-position
CSS property specifies the position of the underline which is set using the text-decoration
property's underline
value.
Syntax: auto | from-font | [ under || [ left | right ] ]
Initial value: auto
Inherited from: CSS.PropertiesFallback.WebkitTextUnderlinePosition
Defined in: node_modules/csstype/index.d.ts:7398
WebkitTouchCallout
• Optional
WebkitTouchCallout: -moz-initial | inherit | initial | revert | unset | none | default | (undefined | -moz-initial | inherit | initial | revert | unset | none | default)[]
The -webkit-touch-callout
CSS property controls the display of the default callout shown when you touch and hold a touch target.
Syntax: default | none
Initial value: default
Inherited from: CSS.PropertiesFallback.WebkitTouchCallout
Defined in: node_modules/csstype/index.d.ts:7406
WebkitTransform
• Optional
WebkitTransform: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
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
Inherited from: CSS.PropertiesFallback.WebkitTransform
Defined in: node_modules/csstype/index.d.ts:7414
WebkitTransformOrigin
• Optional
WebkitTransformOrigin: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesFallback.WebkitTransformOrigin
Defined in: node_modules/csstype/index.d.ts:7422
WebkitTransformStyle
• Optional
WebkitTransformStyle: -moz-initial | inherit | initial | revert | unset | flat | preserve-3d | (undefined | -moz-initial | inherit | initial | revert | unset | flat | preserve-3d)[]
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
Inherited from: CSS.PropertiesFallback.WebkitTransformStyle
Defined in: node_modules/csstype/index.d.ts:7430
WebkitTransition
• Optional
WebkitTransition: string | string & {} | (undefined | string | string & {})[]
The transition
CSS property is a shorthand property for transition-property
, transition-duration
, transition-timing-function
, and transition-delay
.
Syntax: <single-transition>#
Inherited from: CSS.PropertiesFallback.WebkitTransition
Defined in: node_modules/csstype/index.d.ts:7631
WebkitTransitionDelay
• Optional
WebkitTransitionDelay: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesFallback.WebkitTransitionDelay
Defined in: node_modules/csstype/index.d.ts:7438
WebkitTransitionDuration
• Optional
WebkitTransitionDuration: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesFallback.WebkitTransitionDuration
Defined in: node_modules/csstype/index.d.ts:7446
WebkitTransitionProperty
• Optional
WebkitTransitionProperty: all | -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | all | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
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
Inherited from: CSS.PropertiesFallback.WebkitTransitionProperty
Defined in: node_modules/csstype/index.d.ts:7454
WebkitTransitionTimingFunction
• Optional
WebkitTransitionTimingFunction: -moz-initial | inherit | initial | revert | unset | string & {} | ease | ease-in | ease-in-out | ease-out | step-end | step-start | linear | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | ease | ease-in | ease-in-out | ease-out | step-end | step-start | linear)[]
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
Inherited from: CSS.PropertiesFallback.WebkitTransitionTimingFunction
Defined in: node_modules/csstype/index.d.ts:7462
WebkitUserModify
• Optional
WebkitUserModify: -moz-initial | inherit | initial | revert | unset | read-only | read-write | read-write-plaintext-only | (undefined | -moz-initial | inherit | initial | revert | unset | read-only | read-write | read-write-plaintext-only)[]
Syntax: read-only | read-write | read-write-plaintext-only
Initial value: read-only
Inherited from: CSS.PropertiesFallback.WebkitUserModify
Defined in: node_modules/csstype/index.d.ts:7468
WebkitUserSelect
• Optional
WebkitUserSelect: contain | all | -moz-initial | inherit | initial | revert | unset | auto | none | text | -moz-none | element | (undefined | contain | all | -moz-initial | inherit | initial | revert | unset | auto | none | text | -moz-none | element)[]
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
Inherited from: CSS.PropertiesFallback.WebkitUserSelect
Defined in: node_modules/csstype/index.d.ts:7476
WebkitWritingMode
• Optional
WebkitWritingMode: -moz-initial | inherit | initial | revert | unset | horizontal-tb | sideways-lr | sideways-rl | vertical-lr | vertical-rl | (undefined | -moz-initial | inherit | initial | revert | unset | horizontal-tb | sideways-lr | sideways-rl | vertical-lr | vertical-rl)[]
The writing-mode
CSS property sets whether lines of text are laid out horizontally or vertically, as well as the direction in which blocks progress. When set for an entire document, it should be set on the root element (html
element for HTML documents).
Syntax: horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr
Initial value: horizontal-tb
Inherited from: CSS.PropertiesFallback.WebkitWritingMode
Defined in: node_modules/csstype/index.d.ts:7484
align-content
• Optional
align-content: -moz-initial | inherit | initial | revert | unset | space-around | space-between | space-evenly | stretch | center | end | flex-end | flex-start | start | baseline | normal | string & {} | (undefined | -moz-initial | inherit | initial | revert | unset | space-around | space-between | space-evenly | stretch | center | end | flex-end | flex-start | start | baseline | normal | string & {})[]
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- | 6.1 -x- |
Supported in Grid Layout
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
57 | 52 | 10.1 | 16 | No |
see
https://developer.mozilla.org/docs/Web/CSS/align-content
Inherited from: CSS.PropertiesHyphenFallback.align-content
Defined in: node_modules/csstype/index.d.ts:8724
align-items
• Optional
align-items: -moz-initial | inherit | initial | revert | unset | stretch | center | end | flex-end | flex-start | start | baseline | normal | string & {} | self-end | self-start | (undefined | -moz-initial | inherit | initial | revert | unset | stretch | center | end | flex-end | flex-start | start | baseline | normal | string & {} | self-end | self-start)[]
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
https://developer.mozilla.org/docs/Web/CSS/align-items
Inherited from: CSS.PropertiesHyphenFallback.align-items
Defined in: node_modules/csstype/index.d.ts:8753
align-self
• Optional
align-self: -moz-initial | inherit | initial | revert | unset | stretch | center | end | flex-end | flex-start | start | baseline | normal | string & {} | self-end | self-start | auto | (undefined | -moz-initial | inherit | initial | revert | unset | stretch | center | end | flex-end | flex-start | start | baseline | normal | string & {} | self-end | self-start | auto)[]
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
https://developer.mozilla.org/docs/Web/CSS/align-self
Inherited from: CSS.PropertiesHyphenFallback.align-self
Defined in: node_modules/csstype/index.d.ts:8782
align-tracks
• Optional
align-tracks: -moz-initial | inherit | initial | revert | unset | space-around | space-between | space-evenly | stretch | center | end | flex-end | flex-start | start | baseline | normal | string & {} | (undefined | -moz-initial | inherit | initial | revert | unset | space-around | space-between | space-evenly | stretch | center | end | flex-end | flex-start | start | baseline | normal | string & {})[]
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
https://developer.mozilla.org/docs/Web/CSS/align-tracks
Inherited from: CSS.PropertiesHyphenFallback.align-tracks
Defined in: node_modules/csstype/index.d.ts:8811
alignContent
• Optional
alignContent: -moz-initial | inherit | initial | revert | unset | space-around | space-between | space-evenly | stretch | center | end | flex-end | flex-start | start | baseline | normal | string & {} | (undefined | -moz-initial | inherit | initial | revert | unset | space-around | space-between | space-evenly | stretch | center | end | flex-end | flex-start | start | baseline | normal | string & {})[]
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- | 6.1 -x- |
Supported in Grid Layout
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
57 | 52 | 10.1 | 16 | No |
see
https://developer.mozilla.org/docs/Web/CSS/align-content
Inherited from: CSS.PropertiesFallback.alignContent
Defined in: node_modules/csstype/index.d.ts:38
alignItems
• Optional
alignItems: -moz-initial | inherit | initial | revert | unset | stretch | center | end | flex-end | flex-start | start | baseline | normal | string & {} | self-end | self-start | (undefined | -moz-initial | inherit | initial | revert | unset | stretch | center | end | flex-end | flex-start | start | baseline | normal | string & {} | self-end | self-start)[]
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
https://developer.mozilla.org/docs/Web/CSS/align-items
Inherited from: CSS.PropertiesFallback.alignItems
Defined in: node_modules/csstype/index.d.ts:67
alignSelf
• Optional
alignSelf: -moz-initial | inherit | initial | revert | unset | stretch | center | end | flex-end | flex-start | start | baseline | normal | string & {} | self-end | self-start | auto | (undefined | -moz-initial | inherit | initial | revert | unset | stretch | center | end | flex-end | flex-start | start | baseline | normal | string & {} | self-end | self-start | auto)[]
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
https://developer.mozilla.org/docs/Web/CSS/align-self
Inherited from: CSS.PropertiesFallback.alignSelf
Defined in: node_modules/csstype/index.d.ts:96
alignTracks
• Optional
alignTracks: -moz-initial | inherit | initial | revert | unset | space-around | space-between | space-evenly | stretch | center | end | flex-end | flex-start | start | baseline | normal | string & {} | (undefined | -moz-initial | inherit | initial | revert | unset | space-around | space-between | space-evenly | stretch | center | end | flex-end | flex-start | start | baseline | normal | string & {})[]
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
https://developer.mozilla.org/docs/Web/CSS/align-tracks
Inherited from: CSS.PropertiesFallback.alignTracks
Defined in: node_modules/csstype/index.d.ts:110
alignment-baseline
• Optional
alignment-baseline: -moz-initial | inherit | initial | revert | unset | baseline | auto | middle | after-edge | alphabetic | before-edge | central | hanging | ideographic | mathematical | text-after-edge | text-before-edge | (undefined | -moz-initial | inherit | initial | revert | unset | baseline | auto | middle | after-edge | alphabetic | before-edge | central | hanging | ideographic | mathematical | text-after-edge | text-before-edge)[]
Inherited from: CSS.PropertiesHyphenFallback.alignment-baseline
Defined in: node_modules/csstype/index.d.ts:17372
alignmentBaseline
• Optional
alignmentBaseline: -moz-initial | inherit | initial | revert | unset | baseline | auto | middle | after-edge | alphabetic | before-edge | central | hanging | ideographic | mathematical | text-after-edge | text-before-edge | (undefined | -moz-initial | inherit | initial | revert | unset | baseline | auto | middle | after-edge | alphabetic | before-edge | central | hanging | ideographic | mathematical | text-after-edge | text-before-edge)[]
Inherited from: CSS.PropertiesFallback.alignmentBaseline
Defined in: node_modules/csstype/index.d.ts:8656
all
• Optional
all: -moz-initial | inherit | initial | revert | unset | (undefined | -moz-initial | inherit | initial | revert | unset)[]
The **all**
shorthand CSS property resets all of an element's properties except unicode-bidi
, direction
, and CSS Custom Properties. It can set properties to their initial or inherited values, or to the values specified in another stylesheet origin.
Syntax: initial | inherit | unset | revert
Initial value: There is no practical initial value for it.
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
37 | 27 | 9.1 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/all
Inherited from: CSS.PropertiesFallback.all
Defined in: node_modules/csstype/index.d.ts:5106
animation
• Optional
animation: string | string & {} | number & {} | (undefined | string | string & {} | number & {})[]
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>#
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
43 | 16 | 9 | 12 | 10 |
3 -x- | 5 -x- | 4 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/animation
Inherited from: CSS.PropertiesFallback.animation
Defined in: node_modules/csstype/index.d.ts:5119
animation-delay
• Optional
animation-delay: string | string & {} | (undefined | string | string & {})[]
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
https://developer.mozilla.org/docs/Web/CSS/animation-delay
Inherited from: CSS.PropertiesHyphenFallback.animation-delay
Defined in: node_modules/csstype/index.d.ts:8825
animation-direction
• Optional
animation-direction: -moz-initial | inherit | initial | revert | unset | normal | string & {} | alternate | alternate-reverse | reverse | (undefined | -moz-initial | inherit | initial | revert | unset | normal | string & {} | alternate | alternate-reverse | reverse)[]
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
https://developer.mozilla.org/docs/Web/CSS/animation-direction
Inherited from: CSS.PropertiesHyphenFallback.animation-direction
Defined in: node_modules/csstype/index.d.ts:8840
animation-duration
• Optional
animation-duration: string | string & {} | (undefined | string | string & {})[]
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
https://developer.mozilla.org/docs/Web/CSS/animation-duration
Inherited from: CSS.PropertiesHyphenFallback.animation-duration
Defined in: node_modules/csstype/index.d.ts:8855
animation-fill-mode
• Optional
animation-fill-mode: -moz-initial | inherit | initial | revert | unset | string & {} | backwards | both | forwards | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | backwards | both | forwards | none)[]
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
https://developer.mozilla.org/docs/Web/CSS/animation-fill-mode
Inherited from: CSS.PropertiesHyphenFallback.animation-fill-mode
Defined in: node_modules/csstype/index.d.ts:8870
animation-iteration-count
• Optional
animation-iteration-count: -moz-initial | inherit | initial | revert | unset | string & {} | infinite | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | infinite | number & {})[]
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
https://developer.mozilla.org/docs/Web/CSS/animation-iteration-count
Inherited from: CSS.PropertiesHyphenFallback.animation-iteration-count
Defined in: node_modules/csstype/index.d.ts:8885
animation-name
• Optional
animation-name: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
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
https://developer.mozilla.org/docs/Web/CSS/animation-name
Inherited from: CSS.PropertiesHyphenFallback.animation-name
Defined in: node_modules/csstype/index.d.ts:8900
animation-play-state
• Optional
animation-play-state: -moz-initial | inherit | initial | revert | unset | string & {} | paused | running | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | paused | running)[]
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
https://developer.mozilla.org/docs/Web/CSS/animation-play-state
Inherited from: CSS.PropertiesHyphenFallback.animation-play-state
Defined in: node_modules/csstype/index.d.ts:8915
animation-timing-function
• Optional
animation-timing-function: -moz-initial | inherit | initial | revert | unset | string & {} | ease | ease-in | ease-in-out | ease-out | step-end | step-start | linear | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | ease | ease-in | ease-in-out | ease-out | step-end | step-start | linear)[]
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
https://developer.mozilla.org/docs/Web/CSS/animation-timing-function
Inherited from: CSS.PropertiesHyphenFallback.animation-timing-function
Defined in: node_modules/csstype/index.d.ts:8930
animationDelay
• Optional
animationDelay: string | string & {} | (undefined | string | string & {})[]
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
https://developer.mozilla.org/docs/Web/CSS/animation-delay
Inherited from: CSS.PropertiesFallback.animationDelay
Defined in: node_modules/csstype/index.d.ts:125
animationDirection
• Optional
animationDirection: -moz-initial | inherit | initial | revert | unset | normal | string & {} | alternate | alternate-reverse | reverse | (undefined | -moz-initial | inherit | initial | revert | unset | normal | string & {} | alternate | alternate-reverse | reverse)[]
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
https://developer.mozilla.org/docs/Web/CSS/animation-direction
Inherited from: CSS.PropertiesFallback.animationDirection
Defined in: node_modules/csstype/index.d.ts:140
animationDuration
• Optional
animationDuration: string | string & {} | (undefined | string | string & {})[]
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
https://developer.mozilla.org/docs/Web/CSS/animation-duration
Inherited from: CSS.PropertiesFallback.animationDuration
Defined in: node_modules/csstype/index.d.ts:155
animationFillMode
• Optional
animationFillMode: -moz-initial | inherit | initial | revert | unset | string & {} | backwards | both | forwards | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | backwards | both | forwards | none)[]
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
https://developer.mozilla.org/docs/Web/CSS/animation-fill-mode
Inherited from: CSS.PropertiesFallback.animationFillMode
Defined in: node_modules/csstype/index.d.ts:170
animationIterationCount
• Optional
animationIterationCount: -moz-initial | inherit | initial | revert | unset | string & {} | infinite | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | infinite | number & {})[]
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
https://developer.mozilla.org/docs/Web/CSS/animation-iteration-count
Inherited from: CSS.PropertiesFallback.animationIterationCount
Defined in: node_modules/csstype/index.d.ts:185
animationName
• Optional
animationName: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
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
https://developer.mozilla.org/docs/Web/CSS/animation-name
Inherited from: CSS.PropertiesFallback.animationName
Defined in: node_modules/csstype/index.d.ts:200
animationPlayState
• Optional
animationPlayState: -moz-initial | inherit | initial | revert | unset | string & {} | paused | running | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | paused | running)[]
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
https://developer.mozilla.org/docs/Web/CSS/animation-play-state
Inherited from: CSS.PropertiesFallback.animationPlayState
Defined in: node_modules/csstype/index.d.ts:215
animationTimingFunction
• Optional
animationTimingFunction: -moz-initial | inherit | initial | revert | unset | string & {} | ease | ease-in | ease-in-out | ease-out | step-end | step-start | linear | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | ease | ease-in | ease-in-out | ease-out | step-end | step-start | linear)[]
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
https://developer.mozilla.org/docs/Web/CSS/animation-timing-function
Inherited from: CSS.PropertiesFallback.animationTimingFunction
Defined in: node_modules/csstype/index.d.ts:230
appearance
• Optional
appearance: -moz-initial | inherit | initial | revert | unset | auto | none | button | checkbox | listbox | menulist | meter | progress-bar | push-button | radio | searchfield | slider-horizontal | square-button | textarea | menulist-button | textfield | (undefined | -moz-initial | inherit | initial | revert | unset | auto | none | button | checkbox | listbox | menulist | meter | progress-bar | push-button | radio | searchfield | slider-horizontal | square-button | textarea | menulist-button | textfield)[]
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
https://developer.mozilla.org/docs/Web/CSS/appearance
Inherited from: CSS.PropertiesFallback.appearance
Defined in: node_modules/csstype/index.d.ts:245
aspect-ratio
• Optional
aspect-ratio: -moz-initial | inherit | initial | revert | unset | string & {} | auto | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | auto)[]
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 |
---|---|---|---|---|
n/a | n/a | No | No | No |
see
https://developer.mozilla.org/docs/Web/CSS/aspect-ratio
Inherited from: CSS.PropertiesHyphenFallback.aspect-ratio
Defined in: node_modules/csstype/index.d.ts:8960
aspectRatio
• Optional
aspectRatio: -moz-initial | inherit | initial | revert | unset | string & {} | auto | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | auto)[]
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 |
---|---|---|---|---|
n/a | n/a | No | No | No |
see
https://developer.mozilla.org/docs/Web/CSS/aspect-ratio
Inherited from: CSS.PropertiesFallback.aspectRatio
Defined in: node_modules/csstype/index.d.ts:259
azimuth
• Optional
azimuth: left | right | -moz-initial | inherit | initial | revert | unset | center | string & {} | behind | center-left | center-right | far-left | far-right | left-side | leftwards | right-side | rightwards | (undefined | left | right | -moz-initial | inherit | initial | revert | unset | center | string & {} | behind | center-left | center-right | far-left | far-right | left-side | leftwards | right-side | rightwards)[]
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
Inherited from: CSS.PropertiesFallback.azimuth
Defined in: node_modules/csstype/index.d.ts:7646
backdrop-filter
• Optional
backdrop-filter: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
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
https://developer.mozilla.org/docs/Web/CSS/backdrop-filter
Inherited from: CSS.PropertiesHyphenFallback.backdrop-filter
Defined in: node_modules/csstype/index.d.ts:8974
backdropFilter
• Optional
backdropFilter: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
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
https://developer.mozilla.org/docs/Web/CSS/backdrop-filter
Inherited from: CSS.PropertiesFallback.backdropFilter
Defined in: node_modules/csstype/index.d.ts:273
backface-visibility
• Optional
backface-visibility: -moz-initial | inherit | initial | revert | unset | hidden | visible | (undefined | -moz-initial | inherit | initial | revert | unset | hidden | visible)[]
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
https://developer.mozilla.org/docs/Web/CSS/backface-visibility
Inherited from: CSS.PropertiesHyphenFallback.backface-visibility
Defined in: node_modules/csstype/index.d.ts:8988
backfaceVisibility
• Optional
backfaceVisibility: -moz-initial | inherit | initial | revert | unset | hidden | visible | (undefined | -moz-initial | inherit | initial | revert | unset | hidden | visible)[]
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
https://developer.mozilla.org/docs/Web/CSS/backface-visibility
Inherited from: CSS.PropertiesFallback.backfaceVisibility
Defined in: node_modules/csstype/index.d.ts:288
background
• Optional
background: string | string & {} | (undefined | string | string & {})[]
The background
shorthand CSS property sets all background style properties at once, such as color, image, origin and size, or repeat method.
Syntax: [ <bg-layer> , ]* <final-bg-layer>
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/background
Inherited from: CSS.PropertiesFallback.background
Defined in: node_modules/csstype/index.d.ts:5131
background-attachment
• Optional
background-attachment: -moz-initial | inherit | initial | revert | unset | string & {} | fixed | local | scroll | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | fixed | local | scroll)[]
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
https://developer.mozilla.org/docs/Web/CSS/background-attachment
Inherited from: CSS.PropertiesHyphenFallback.background-attachment
Defined in: node_modules/csstype/index.d.ts:9003
background-blend-mode
• Optional
background-blend-mode: color | -moz-initial | inherit | initial | revert | unset | normal | string & {} | color-burn | color-dodge | darken | difference | exclusion | hard-light | hue | lighten | luminosity | multiply | overlay | saturation | screen | soft-light | (undefined | color | -moz-initial | inherit | initial | revert | unset | normal | string & {} | color-burn | color-dodge | darken | difference | exclusion | hard-light | hue | lighten | luminosity | multiply | overlay | saturation | screen | soft-light)[]
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
https://developer.mozilla.org/docs/Web/CSS/background-blend-mode
Inherited from: CSS.PropertiesHyphenFallback.background-blend-mode
Defined in: node_modules/csstype/index.d.ts:9017
background-clip
• Optional
background-clip: -moz-initial | inherit | initial | revert | unset | string & {} | border-box | content-box | padding-box | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | border-box | content-box | padding-box)[]
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
https://developer.mozilla.org/docs/Web/CSS/background-clip
Inherited from: CSS.PropertiesHyphenFallback.background-clip
Defined in: node_modules/csstype/index.d.ts:9031
background-color
• Optional
background-color: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
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
https://developer.mozilla.org/docs/Web/CSS/background-color
Inherited from: CSS.PropertiesHyphenFallback.background-color
Defined in: node_modules/csstype/index.d.ts:9045
background-image
• Optional
background-image: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
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
https://developer.mozilla.org/docs/Web/CSS/background-image
Inherited from: CSS.PropertiesHyphenFallback.background-image
Defined in: node_modules/csstype/index.d.ts:9059
background-origin
• Optional
background-origin: -moz-initial | inherit | initial | revert | unset | string & {} | border-box | content-box | padding-box | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | border-box | content-box | padding-box)[]
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
https://developer.mozilla.org/docs/Web/CSS/background-origin
Inherited from: CSS.PropertiesHyphenFallback.background-origin
Defined in: node_modules/csstype/index.d.ts:9073
background-position
• Optional
background-position: string | string & {} | (undefined | string | string & {})[]
The background-position
CSS property sets the initial position for each background image. The position is relative to the position layer set by background-origin
.
Syntax: <bg-position>#
Initial value: 0% 0%
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/background-position
Inherited from: CSS.PropertiesHyphenFallback.background-position
Defined in: node_modules/csstype/index.d.ts:9087
background-position-x
• Optional
background-position-x: string | string & {} | (undefined | string | string & {})[]
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
https://developer.mozilla.org/docs/Web/CSS/background-position-x
Inherited from: CSS.PropertiesHyphenFallback.background-position-x
Defined in: node_modules/csstype/index.d.ts:9101
background-position-y
• Optional
background-position-y: string | string & {} | (undefined | string | string & {})[]
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
https://developer.mozilla.org/docs/Web/CSS/background-position-y
Inherited from: CSS.PropertiesHyphenFallback.background-position-y
Defined in: node_modules/csstype/index.d.ts:9115
background-repeat
• Optional
background-repeat: space | -moz-initial | inherit | initial | revert | unset | string & {} | no-repeat | repeat | repeat-x | repeat-y | round | (undefined | space | -moz-initial | inherit | initial | revert | unset | string & {} | no-repeat | repeat | repeat-x | repeat-y | round)[]
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
https://developer.mozilla.org/docs/Web/CSS/background-repeat
Inherited from: CSS.PropertiesHyphenFallback.background-repeat
Defined in: node_modules/csstype/index.d.ts:9129
background-size
• Optional
background-size: string | string & {} | (undefined | string | string & {})[]
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
https://developer.mozilla.org/docs/Web/CSS/background-size
Inherited from: CSS.PropertiesHyphenFallback.background-size
Defined in: node_modules/csstype/index.d.ts:9143
backgroundAttachment
• Optional
backgroundAttachment: -moz-initial | inherit | initial | revert | unset | string & {} | fixed | local | scroll | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | fixed | local | scroll)[]
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
https://developer.mozilla.org/docs/Web/CSS/background-attachment
Inherited from: CSS.PropertiesFallback.backgroundAttachment
Defined in: node_modules/csstype/index.d.ts:302
backgroundBlendMode
• Optional
backgroundBlendMode: color | -moz-initial | inherit | initial | revert | unset | normal | string & {} | color-burn | color-dodge | darken | difference | exclusion | hard-light | hue | lighten | luminosity | multiply | overlay | saturation | screen | soft-light | (undefined | color | -moz-initial | inherit | initial | revert | unset | normal | string & {} | color-burn | color-dodge | darken | difference | exclusion | hard-light | hue | lighten | luminosity | multiply | overlay | saturation | screen | soft-light)[]
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
https://developer.mozilla.org/docs/Web/CSS/background-blend-mode
Inherited from: CSS.PropertiesFallback.backgroundBlendMode
Defined in: node_modules/csstype/index.d.ts:316
backgroundClip
• Optional
backgroundClip: -moz-initial | inherit | initial | revert | unset | string & {} | border-box | content-box | padding-box | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | border-box | content-box | padding-box)[]
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
https://developer.mozilla.org/docs/Web/CSS/background-clip
Inherited from: CSS.PropertiesFallback.backgroundClip
Defined in: node_modules/csstype/index.d.ts:330
backgroundColor
• Optional
backgroundColor: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
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
https://developer.mozilla.org/docs/Web/CSS/background-color
Inherited from: CSS.PropertiesFallback.backgroundColor
Defined in: node_modules/csstype/index.d.ts:344
backgroundImage
• Optional
backgroundImage: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
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
https://developer.mozilla.org/docs/Web/CSS/background-image
Inherited from: CSS.PropertiesFallback.backgroundImage
Defined in: node_modules/csstype/index.d.ts:358
backgroundOrigin
• Optional
backgroundOrigin: -moz-initial | inherit | initial | revert | unset | string & {} | border-box | content-box | padding-box | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | border-box | content-box | padding-box)[]
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
https://developer.mozilla.org/docs/Web/CSS/background-origin
Inherited from: CSS.PropertiesFallback.backgroundOrigin
Defined in: node_modules/csstype/index.d.ts:372
backgroundPosition
• Optional
backgroundPosition: string | string & {} | (undefined | string | string & {})[]
The background-position
CSS property sets the initial position for each background image. The position is relative to the position layer set by background-origin
.
Syntax: <bg-position>#
Initial value: 0% 0%
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/background-position
Inherited from: CSS.PropertiesFallback.backgroundPosition
Defined in: node_modules/csstype/index.d.ts:386
backgroundPositionX
• Optional
backgroundPositionX: string | string & {} | (undefined | string | string & {})[]
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
https://developer.mozilla.org/docs/Web/CSS/background-position-x
Inherited from: CSS.PropertiesFallback.backgroundPositionX
Defined in: node_modules/csstype/index.d.ts:400
backgroundPositionY
• Optional
backgroundPositionY: string | string & {} | (undefined | string | string & {})[]
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
https://developer.mozilla.org/docs/Web/CSS/background-position-y
Inherited from: CSS.PropertiesFallback.backgroundPositionY
Defined in: node_modules/csstype/index.d.ts:414
backgroundRepeat
• Optional
backgroundRepeat: space | -moz-initial | inherit | initial | revert | unset | string & {} | no-repeat | repeat | repeat-x | repeat-y | round | (undefined | space | -moz-initial | inherit | initial | revert | unset | string & {} | no-repeat | repeat | repeat-x | repeat-y | round)[]
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
https://developer.mozilla.org/docs/Web/CSS/background-repeat
Inherited from: CSS.PropertiesFallback.backgroundRepeat
Defined in: node_modules/csstype/index.d.ts:428
backgroundSize
• Optional
backgroundSize: string | string & {} | (undefined | string | string & {})[]
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
https://developer.mozilla.org/docs/Web/CSS/background-size
Inherited from: CSS.PropertiesFallback.backgroundSize
Defined in: node_modules/csstype/index.d.ts:443
baseline-shift
• Optional
baseline-shift: string | string & {} | (undefined | string | string & {})[]
Inherited from: CSS.PropertiesHyphenFallback.baseline-shift
Defined in: node_modules/csstype/index.d.ts:17373
baselineShift
• Optional
baselineShift: string | string & {} | (undefined | string | string & {})[]
Inherited from: CSS.PropertiesFallback.baselineShift
Defined in: node_modules/csstype/index.d.ts:8657
block-overflow
• Optional
block-overflow: clip | -moz-initial | inherit | initial | revert | unset | string & {} | ellipsis | (undefined | clip | -moz-initial | inherit | initial | revert | unset | string & {} | ellipsis)[]
Syntax: clip | ellipsis | <string>
Initial value: clip
Inherited from: CSS.PropertiesHyphenFallback.block-overflow
Defined in: node_modules/csstype/index.d.ts:9158
block-size
• Optional
block-size: string | string & {} | (undefined | string | string & {})[]
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
https://developer.mozilla.org/docs/Web/CSS/block-size
Inherited from: CSS.PropertiesHyphenFallback.block-size
Defined in: node_modules/csstype/index.d.ts:9164
blockOverflow
• Optional
blockOverflow: clip | -moz-initial | inherit | initial | revert | unset | string & {} | ellipsis | (undefined | clip | -moz-initial | inherit | initial | revert | unset | string & {} | ellipsis)[]
Syntax: clip | ellipsis | <string>
Initial value: clip
Inherited from: CSS.PropertiesFallback.blockOverflow
Defined in: node_modules/csstype/index.d.ts:449
blockSize
• Optional
blockSize: string | string & {} | (undefined | string | string & {})[]
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
https://developer.mozilla.org/docs/Web/CSS/block-size
Inherited from: CSS.PropertiesFallback.blockSize
Defined in: node_modules/csstype/index.d.ts:463
border
• Optional
border: string | string & {} | (undefined | string | string & {})[]
The border
shorthand CSS property sets an element's border. It sets the values of border-width
, border-style
, and border-color
.
Syntax: <line-width> || <line-style> || <color>
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/border
Inherited from: CSS.PropertiesFallback.border
Defined in: node_modules/csstype/index.d.ts:5143
border-block
• Optional
border-block: string | string & {} | (undefined | string | string & {})[]
The border-block
CSS property is a shorthand property for setting the individual logical block border property values in a single place in the style sheet.
Syntax: <'border-top-width'> || <'border-top-style'> || <color>
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
87 | 66 | No | n/a | No |
see
https://developer.mozilla.org/docs/Web/CSS/border-block
Inherited from: CSS.PropertiesHyphenFallback.border-block
Defined in: node_modules/csstype/index.d.ts:13858
border-block-color
• Optional
border-block-color: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
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 | No | n/a | No |
see
https://developer.mozilla.org/docs/Web/CSS/border-block-color
Inherited from: CSS.PropertiesHyphenFallback.border-block-color
Defined in: node_modules/csstype/index.d.ts:9178
border-block-end
• Optional
border-block-end: string | string & {} | (undefined | string | string & {})[]
The border-block-end
CSS property is a shorthand property for setting the individual logical block-end border property values in a single place in the style sheet.
Syntax: <'border-top-width'> || <'border-top-style'> || <color>
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 41 | 12.1 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/border-block-end
Inherited from: CSS.PropertiesHyphenFallback.border-block-end
Defined in: node_modules/csstype/index.d.ts:13870
border-block-end-color
• Optional
border-block-end-color: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
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
https://developer.mozilla.org/docs/Web/CSS/border-block-end-color
Inherited from: CSS.PropertiesHyphenFallback.border-block-end-color
Defined in: node_modules/csstype/index.d.ts:9192
border-block-end-style
• Optional
border-block-end-style: inset | -moz-initial | inherit | initial | revert | unset | none | hidden | dashed | dotted | double | groove | outset | ridge | solid | (undefined | inset | -moz-initial | inherit | initial | revert | unset | none | hidden | dashed | dotted | double | groove | outset | ridge | solid)[]
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
https://developer.mozilla.org/docs/Web/CSS/border-block-end-style
Inherited from: CSS.PropertiesHyphenFallback.border-block-end-style
Defined in: node_modules/csstype/index.d.ts:9206
border-block-end-width
• Optional
border-block-end-width: string | (undefined | string)[]
The border-block-end-width
CSS property defines the width of the logical block-end border of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-width
, border-right-width
, border-bottom-width
, or border-left-width
property depending on the values defined for writing-mode
, direction
, and text-orientation
.
Syntax: <'border-top-width'>
Initial value: medium
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 41 | 12.1 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/border-block-end-width
Inherited from: CSS.PropertiesHyphenFallback.border-block-end-width
Defined in: node_modules/csstype/index.d.ts:9220
border-block-start
• Optional
border-block-start: string | string & {} | (undefined | string | string & {})[]
The border-block-start
CSS property is a shorthand property for setting the individual logical block-start border property values in a single place in the style sheet.
Syntax: <'border-top-width'> || <'border-top-style'> || <color>
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 41 | 12.1 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/border-block-start
Inherited from: CSS.PropertiesHyphenFallback.border-block-start
Defined in: node_modules/csstype/index.d.ts:13882
border-block-start-color
• Optional
border-block-start-color: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
The border-block-start-color
CSS property defines the color of the logical block-start 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
https://developer.mozilla.org/docs/Web/CSS/border-block-start-color
Inherited from: CSS.PropertiesHyphenFallback.border-block-start-color
Defined in: node_modules/csstype/index.d.ts:9234
border-block-start-style
• Optional
border-block-start-style: inset | -moz-initial | inherit | initial | revert | unset | none | hidden | dashed | dotted | double | groove | outset | ridge | solid | (undefined | inset | -moz-initial | inherit | initial | revert | unset | none | hidden | dashed | dotted | double | groove | outset | ridge | solid)[]
The border-block-start-style
CSS property defines the style of the logical block start 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
https://developer.mozilla.org/docs/Web/CSS/border-block-start-style
Inherited from: CSS.PropertiesHyphenFallback.border-block-start-style
Defined in: node_modules/csstype/index.d.ts:9248
border-block-start-width
• Optional
border-block-start-width: string | (undefined | string)[]
The border-block-start-width
CSS property defines the width of the logical block-start border of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-width
, border-right-width
, border-bottom-width
, or border-left-width
property depending on the values defined for writing-mode
, direction
, and text-orientation
.
Syntax: <'border-top-width'>
Initial value: medium
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 41 | 12.1 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/border-block-start-width
Inherited from: CSS.PropertiesHyphenFallback.border-block-start-width
Defined in: node_modules/csstype/index.d.ts:9262
border-block-style
• Optional
border-block-style: inset | -moz-initial | inherit | initial | revert | unset | none | hidden | dashed | dotted | double | groove | outset | ridge | solid | (undefined | inset | -moz-initial | inherit | initial | revert | unset | none | hidden | dashed | dotted | double | groove | outset | ridge | solid)[]
The border-block-style
CSS property defines the style of the logical block borders 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
and border-bottom-style
, or border-left-style
and border-right-style
properties depending on the values defined for writing-mode
, direction
, and text-orientation
.
Syntax: <'border-top-style'>
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
87 | 66 | No | n/a | No |
see
https://developer.mozilla.org/docs/Web/CSS/border-block-style
Inherited from: CSS.PropertiesHyphenFallback.border-block-style
Defined in: node_modules/csstype/index.d.ts:9276
border-block-width
• Optional
border-block-width: string | (undefined | string)[]
The border-block-width
CSS property defines the width of the logical block borders of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-width
and border-bottom-width
, or border-left-width
, and border-right-width
property depending on the values defined for writing-mode
, direction
, and text-orientation
.
Syntax: <'border-top-width'>
Initial value: medium
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
87 | 66 | No | n/a | No |
see
https://developer.mozilla.org/docs/Web/CSS/border-block-width
Inherited from: CSS.PropertiesHyphenFallback.border-block-width
Defined in: node_modules/csstype/index.d.ts:9290
border-bottom
• Optional
border-bottom: string | string & {} | (undefined | string | string & {})[]
The border-bottom
shorthand CSS property sets an element's bottom border. It sets the values of border-bottom-width
, border-bottom-style
and border-bottom-color
.
Syntax: <line-width> || <line-style> || <color>
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/border-bottom
Inherited from: CSS.PropertiesHyphenFallback.border-bottom
Defined in: node_modules/csstype/index.d.ts:13894
border-bottom-color
• Optional
border-bottom-color: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
The border-bottom-color
CSS property sets the color of an element's bottom border. It can also be set with the shorthand CSS properties border-color
or border-bottom
.
Syntax: <'border-top-color'>
Initial value: currentcolor
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/border-bottom-color
Inherited from: CSS.PropertiesHyphenFallback.border-bottom-color
Defined in: node_modules/csstype/index.d.ts:9304
border-bottom-left-radius
• Optional
border-bottom-left-radius: string | string & {} | (undefined | string | string & {})[]
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
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
4 | 4 | 5 | 12 | 9 |
1 -x- | 3 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/border-bottom-left-radius
Inherited from: CSS.PropertiesHyphenFallback.border-bottom-left-radius
Defined in: node_modules/csstype/index.d.ts:9318
border-bottom-right-radius
• Optional
border-bottom-right-radius: string | string & {} | (undefined | string | string & {})[]
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
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
4 | 4 | 5 | 12 | 9 |
1 -x- | 3 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/border-bottom-right-radius
Inherited from: CSS.PropertiesHyphenFallback.border-bottom-right-radius
Defined in: node_modules/csstype/index.d.ts:9333
border-bottom-style
• Optional
border-bottom-style: inset | -moz-initial | inherit | initial | revert | unset | none | hidden | dashed | dotted | double | groove | outset | ridge | solid | (undefined | inset | -moz-initial | inherit | initial | revert | unset | none | hidden | dashed | dotted | double | groove | outset | ridge | solid)[]
The border-bottom-style
CSS property sets the line style of an element's bottom border
.
Syntax: <line-style>
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 5.5 |
see
https://developer.mozilla.org/docs/Web/CSS/border-bottom-style
Inherited from: CSS.PropertiesHyphenFallback.border-bottom-style
Defined in: node_modules/csstype/index.d.ts:9348
border-bottom-width
• Optional
border-bottom-width: string | (undefined | string)[]
The border-bottom-width
CSS property sets the width of the bottom border of an element.
Syntax: <line-width>
Initial value: medium
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/border-bottom-width
Inherited from: CSS.PropertiesHyphenFallback.border-bottom-width
Defined in: node_modules/csstype/index.d.ts:9362
border-collapse
• Optional
border-collapse: -moz-initial | inherit | initial | revert | unset | collapse | separate | (undefined | -moz-initial | inherit | initial | revert | unset | collapse | separate)[]
The border-collapse
CSS property sets whether cells inside a <table>
have shared or separate borders.
Syntax: collapse | separate
Initial value: separate
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1.2 | 12 | 5 |
see
https://developer.mozilla.org/docs/Web/CSS/border-collapse
Inherited from: CSS.PropertiesHyphenFallback.border-collapse
Defined in: node_modules/csstype/index.d.ts:9376
border-color
• Optional
border-color: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
The border-color
shorthand CSS property sets the color of an element's border.
Syntax: <color>{1,4}
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/border-color
Inherited from: CSS.PropertiesHyphenFallback.border-color
Defined in: node_modules/csstype/index.d.ts:13906
border-end-end-radius
• Optional
border-end-end-radius: string | string & {} | (undefined | string | string & {})[]
The border-end-end-radius
CSS property defines a logical border radius on an element, which maps to a physical border radius that depends on the element's writing-mode
, direction
, and text-orientation
. This is useful when building styles to work regardless of the text orientation and writing mode.
Syntax: <length-percentage>{1,2}
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
89 | 66 | No | No | No |
see
https://developer.mozilla.org/docs/Web/CSS/border-end-end-radius
Inherited from: CSS.PropertiesHyphenFallback.border-end-end-radius
Defined in: node_modules/csstype/index.d.ts:9390
border-end-start-radius
• Optional
border-end-start-radius: string | string & {} | (undefined | string | string & {})[]
The border-end-start-radius
CSS property defines a logical border radius on an element, which maps to a physical border radius depending on the element's writing-mode
, direction
, and text-orientation
. This is useful when building styles to work regardless of the text orientation and writing mode.
Syntax: <length-percentage>{1,2}
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
89 | 66 | No | No | No |
see
https://developer.mozilla.org/docs/Web/CSS/border-end-start-radius
Inherited from: CSS.PropertiesHyphenFallback.border-end-start-radius
Defined in: node_modules/csstype/index.d.ts:9404
border-image
• Optional
border-image: space | -moz-initial | inherit | initial | revert | unset | stretch | string & {} | none | number & {} | repeat | round | (undefined | space | -moz-initial | inherit | initial | revert | unset | stretch | string & {} | none | number & {} | repeat | round)[]
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'>
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
16 | 15 | 6 | 12 | 11 |
7 -x- | 3.5 -x- | 3 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/border-image
Inherited from: CSS.PropertiesHyphenFallback.border-image
Defined in: node_modules/csstype/index.d.ts:13918
border-image-outset
• Optional
border-image-outset: string | string & {} | number & {} | (undefined | string | string & {} | number & {})[]
The border-image-outset
CSS property sets the distance by which an element's border image is set out from its border box.
Syntax: [ <length> | <number> ]{1,4}
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
15 | 15 | 6 | 12 | 11 |
see
https://developer.mozilla.org/docs/Web/CSS/border-image-outset
Inherited from: CSS.PropertiesHyphenFallback.border-image-outset
Defined in: node_modules/csstype/index.d.ts:9418
border-image-repeat
• Optional
border-image-repeat: space | -moz-initial | inherit | initial | revert | unset | stretch | string & {} | repeat | round | (undefined | space | -moz-initial | inherit | initial | revert | unset | stretch | string & {} | repeat | round)[]
The border-image-repeat
CSS property defines how the edge regions of a source image are adjusted to fit the dimensions of an element's border image.
Syntax: [ stretch | repeat | round | space ]{1,2}
Initial value: stretch
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
15 | 15 | 6 | 12 | 11 |
see
https://developer.mozilla.org/docs/Web/CSS/border-image-repeat
Inherited from: CSS.PropertiesHyphenFallback.border-image-repeat
Defined in: node_modules/csstype/index.d.ts:9432
border-image-slice
• Optional
border-image-slice: -moz-initial | inherit | initial | revert | unset | string & {} | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | number & {})[]
The border-image-slice
CSS property divides the image specified by border-image-source
into regions. These regions form the components of an element's border image.
Syntax: <number-percentage>{1,4} && fill?
Initial value: 100%
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
15 | 15 | 6 | 12 | 11 |
see
https://developer.mozilla.org/docs/Web/CSS/border-image-slice
Inherited from: CSS.PropertiesHyphenFallback.border-image-slice
Defined in: node_modules/csstype/index.d.ts:9446
border-image-source
• Optional
border-image-source: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
The border-image-source
CSS property sets the source image used to create an element's border image.
Syntax: none | <image>
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
15 | 15 | 6 | 12 | 11 |
see
https://developer.mozilla.org/docs/Web/CSS/border-image-source
Inherited from: CSS.PropertiesHyphenFallback.border-image-source
Defined in: node_modules/csstype/index.d.ts:9460
border-image-width
• Optional
border-image-width: string | string & {} | number & {} | (undefined | string | string & {} | number & {})[]
The border-image-width
CSS property sets the width of an element's border image.
Syntax: [ <length-percentage> | <number> | auto ]{1,4}
Initial value: 1
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
15 | 13 | 6 | 12 | 11 |
see
https://developer.mozilla.org/docs/Web/CSS/border-image-width
Inherited from: CSS.PropertiesHyphenFallback.border-image-width
Defined in: node_modules/csstype/index.d.ts:9474
border-inline
• Optional
border-inline: string | string & {} | (undefined | string | string & {})[]
The border-inline
CSS property is a shorthand property for setting the individual logical inline border property values in a single place in the style sheet.
Syntax: <'border-top-width'> || <'border-top-style'> || <color>
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
87 | 66 | No | n/a | No |
see
https://developer.mozilla.org/docs/Web/CSS/border-inline
Inherited from: CSS.PropertiesHyphenFallback.border-inline
Defined in: node_modules/csstype/index.d.ts:13931
border-inline-color
• Optional
border-inline-color: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
The border-inline-color
CSS property defines the color of the logical inline 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 | No | n/a | No |
see
https://developer.mozilla.org/docs/Web/CSS/border-inline-color
Inherited from: CSS.PropertiesHyphenFallback.border-inline-color
Defined in: node_modules/csstype/index.d.ts:9488
border-inline-end
• Optional
border-inline-end: string | string & {} | (undefined | string | string & {})[]
The border-inline-end
CSS property is a shorthand property for setting the individual logical inline-end border property values in a single place in the style sheet.
Syntax: <'border-top-width'> || <'border-top-style'> || <color>
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 41 | 12.1 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/border-inline-end
Inherited from: CSS.PropertiesHyphenFallback.border-inline-end
Defined in: node_modules/csstype/index.d.ts:13943
border-inline-end-color
• Optional
border-inline-end-color: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
The border-inline-end-color
CSS property defines the color of the logical inline-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 |
3 (-moz-border-end-color) |
see
https://developer.mozilla.org/docs/Web/CSS/border-inline-end-color
Inherited from: CSS.PropertiesHyphenFallback.border-inline-end-color
Defined in: node_modules/csstype/index.d.ts:9502
border-inline-end-style
• Optional
border-inline-end-style: inset | -moz-initial | inherit | initial | revert | unset | none | hidden | dashed | dotted | double | groove | outset | ridge | solid | (undefined | inset | -moz-initial | inherit | initial | revert | unset | none | hidden | dashed | dotted | double | groove | outset | ridge | solid)[]
The border-inline-end-style
CSS property defines the style of the logical inline 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 |
3 (-moz-border-end-style) |
see
https://developer.mozilla.org/docs/Web/CSS/border-inline-end-style
Inherited from: CSS.PropertiesHyphenFallback.border-inline-end-style
Defined in: node_modules/csstype/index.d.ts:9517
border-inline-end-width
• Optional
border-inline-end-width: string | (undefined | string)[]
The border-inline-end-width
CSS property defines the width of the logical inline-end border of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-width
, border-right-width
, border-bottom-width
, or border-left-width
property depending on the values defined for writing-mode
, direction
, and text-orientation
.
Syntax: <'border-top-width'>
Initial value: medium
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 41 | 12.1 | 79 | No |
3 (-moz-border-end-width) |
see
https://developer.mozilla.org/docs/Web/CSS/border-inline-end-width
Inherited from: CSS.PropertiesHyphenFallback.border-inline-end-width
Defined in: node_modules/csstype/index.d.ts:9532
border-inline-start
• Optional
border-inline-start: string | string & {} | (undefined | string | string & {})[]
The border-inline-start
CSS property is a shorthand property for setting the individual logical inline-start border property values in a single place in the style sheet.
Syntax: <'border-top-width'> || <'border-top-style'> || <color>
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 41 | 12.1 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/border-inline-start
Inherited from: CSS.PropertiesHyphenFallback.border-inline-start
Defined in: node_modules/csstype/index.d.ts:13955
border-inline-start-color
• Optional
border-inline-start-color: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
The border-inline-start-color
CSS property defines the color of the logical inline start 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 |
3 (-moz-border-start-color) |
see
https://developer.mozilla.org/docs/Web/CSS/border-inline-start-color
Inherited from: CSS.PropertiesHyphenFallback.border-inline-start-color
Defined in: node_modules/csstype/index.d.ts:9547
border-inline-start-style
• Optional
border-inline-start-style: inset | -moz-initial | inherit | initial | revert | unset | none | hidden | dashed | dotted | double | groove | outset | ridge | solid | (undefined | inset | -moz-initial | inherit | initial | revert | unset | none | hidden | dashed | dotted | double | groove | outset | ridge | solid)[]
The border-inline-start-style
CSS property defines the style of the logical inline start 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 |
3 (-moz-border-start-style) |
see
https://developer.mozilla.org/docs/Web/CSS/border-inline-start-style
Inherited from: CSS.PropertiesHyphenFallback.border-inline-start-style
Defined in: node_modules/csstype/index.d.ts:9562
border-inline-start-width
• Optional
border-inline-start-width: string | (undefined | string)[]
The border-inline-start-width
CSS property defines the width of the logical inline-start border of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-width
, border-right-width
, border-bottom-width
, or border-left-width
property depending on the values defined for writing-mode
, direction
, and text-orientation
.
Syntax: <'border-top-width'>
Initial value: medium
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 41 | 12.1 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/border-inline-start-width
Inherited from: CSS.PropertiesHyphenFallback.border-inline-start-width
Defined in: node_modules/csstype/index.d.ts:9577
border-inline-style
• Optional
border-inline-style: inset | -moz-initial | inherit | initial | revert | unset | none | hidden | dashed | dotted | double | groove | outset | ridge | solid | (undefined | inset | -moz-initial | inherit | initial | revert | unset | none | hidden | dashed | dotted | double | groove | outset | ridge | solid)[]
The border-inline-style
CSS property defines the style of the logical inline borders 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
and border-bottom-style
, or border-left-style
and border-right-style
properties depending on the values defined for writing-mode
, direction
, and text-orientation
.
Syntax: <'border-top-style'>
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
87 | 66 | No | n/a | No |
see
https://developer.mozilla.org/docs/Web/CSS/border-inline-style
Inherited from: CSS.PropertiesHyphenFallback.border-inline-style
Defined in: node_modules/csstype/index.d.ts:9591
border-inline-width
• Optional
border-inline-width: string | (undefined | string)[]
The border-inline-width
CSS property defines the width of the logical inline borders of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-width
and border-bottom-width
, or border-left-width
, and border-right-width
property depending on the values defined for writing-mode
, direction
, and text-orientation
.
Syntax: <'border-top-width'>
Initial value: medium
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
87 | 66 | No | n/a | No |
see
https://developer.mozilla.org/docs/Web/CSS/border-inline-width
Inherited from: CSS.PropertiesHyphenFallback.border-inline-width
Defined in: node_modules/csstype/index.d.ts:9605
border-left
• Optional
border-left: string | string & {} | (undefined | string | string & {})[]
The border-left
shorthand CSS property sets all the properties of an element's left border.
Syntax: <line-width> || <line-style> || <color>
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/border-left
Inherited from: CSS.PropertiesHyphenFallback.border-left
Defined in: node_modules/csstype/index.d.ts:13967
border-left-color
• Optional
border-left-color: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
The border-left-color
CSS property sets the color of an element's left border. It can also be set with the shorthand CSS properties border-color
or border-left
.
Syntax: <color>
Initial value: currentcolor
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/border-left-color
Inherited from: CSS.PropertiesHyphenFallback.border-left-color
Defined in: node_modules/csstype/index.d.ts:9619
border-left-style
• Optional
border-left-style: inset | -moz-initial | inherit | initial | revert | unset | none | hidden | dashed | dotted | double | groove | outset | ridge | solid | (undefined | inset | -moz-initial | inherit | initial | revert | unset | none | hidden | dashed | dotted | double | groove | outset | ridge | solid)[]
The border-left-style
CSS property sets the line style of an element's left border
.
Syntax: <line-style>
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 5.5 |
see
https://developer.mozilla.org/docs/Web/CSS/border-left-style
Inherited from: CSS.PropertiesHyphenFallback.border-left-style
Defined in: node_modules/csstype/index.d.ts:9633
border-left-width
• Optional
border-left-width: string | (undefined | string)[]
The border-left-width
CSS property sets the width of the left border of an element.
Syntax: <line-width>
Initial value: medium
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/border-left-width
Inherited from: CSS.PropertiesHyphenFallback.border-left-width
Defined in: node_modules/csstype/index.d.ts:9647
border-radius
• Optional
border-radius: string | string & {} | (undefined | string | string & {})[]
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} ]?
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
4 | 4 | 5 | 12 | 9 |
1 -x- | 3 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/border-radius
Inherited from: CSS.PropertiesHyphenFallback.border-radius
Defined in: node_modules/csstype/index.d.ts:13979
border-right
• Optional
border-right: string | string & {} | (undefined | string | string & {})[]
The border-right
shorthand CSS property sets all the properties of an element's right border.
Syntax: <line-width> || <line-style> || <color>
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 5.5 |
see
https://developer.mozilla.org/docs/Web/CSS/border-right
Inherited from: CSS.PropertiesHyphenFallback.border-right
Defined in: node_modules/csstype/index.d.ts:13992
border-right-color
• Optional
border-right-color: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
The border-right-color
CSS property sets the color of an element's right border. It can also be set with the shorthand CSS properties border-color
or border-right
.
Syntax: <color>
Initial value: currentcolor
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/border-right-color
Inherited from: CSS.PropertiesHyphenFallback.border-right-color
Defined in: node_modules/csstype/index.d.ts:9661
border-right-style
• Optional
border-right-style: inset | -moz-initial | inherit | initial | revert | unset | none | hidden | dashed | dotted | double | groove | outset | ridge | solid | (undefined | inset | -moz-initial | inherit | initial | revert | unset | none | hidden | dashed | dotted | double | groove | outset | ridge | solid)[]
The border-right-style
CSS property sets the line style of an element's right border
.
Syntax: <line-style>
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 5.5 |
see
https://developer.mozilla.org/docs/Web/CSS/border-right-style
Inherited from: CSS.PropertiesHyphenFallback.border-right-style
Defined in: node_modules/csstype/index.d.ts:9675
border-right-width
• Optional
border-right-width: string | (undefined | string)[]
The border-right-width
CSS property sets the width of the right border of an element.
Syntax: <line-width>
Initial value: medium
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/border-right-width
Inherited from: CSS.PropertiesHyphenFallback.border-right-width
Defined in: node_modules/csstype/index.d.ts:9689
border-spacing
• Optional
border-spacing: string | string & {} | (undefined | string | string & {})[]
The border-spacing
CSS property sets the distance between the borders of adjacent <table>
cells. This property applies only when border-collapse
is separate
.
Syntax: <length> <length>?
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 8 |
see
https://developer.mozilla.org/docs/Web/CSS/border-spacing
Inherited from: CSS.PropertiesHyphenFallback.border-spacing
Defined in: node_modules/csstype/index.d.ts:9703
border-start-end-radius
• Optional
border-start-end-radius: string | string & {} | (undefined | string | string & {})[]
The border-start-end-radius
CSS property defines a logical border radius on an element, which maps to a physical border radius depending on the element's writing-mode
, direction
, and text-orientation
. This is useful when building styles to work regardless of the text orientation and writing mode.
Syntax: <length-percentage>{1,2}
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
89 | 66 | No | No | No |
see
https://developer.mozilla.org/docs/Web/CSS/border-start-end-radius
Inherited from: CSS.PropertiesHyphenFallback.border-start-end-radius
Defined in: node_modules/csstype/index.d.ts:9717
border-start-start-radius
• Optional
border-start-start-radius: string | string & {} | (undefined | string | string & {})[]
The border-start-start-radius
CSS property defines a logical border radius on an element, which maps to a physical border radius that depends on the element's writing-mode
, direction
, and text-orientation
. This is useful when building styles to work regardless of the text orientation and writing mode.
Syntax: <length-percentage>{1,2}
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
89 | 66 | No | No | No |
see
https://developer.mozilla.org/docs/Web/CSS/border-start-start-radius
Inherited from: CSS.PropertiesHyphenFallback.border-start-start-radius
Defined in: node_modules/csstype/index.d.ts:9731
border-style
• Optional
border-style: inset | -moz-initial | inherit | initial | revert | unset | string & {} | none | hidden | dashed | dotted | double | groove | outset | ridge | solid | (undefined | inset | -moz-initial | inherit | initial | revert | unset | string & {} | none | hidden | dashed | dotted | double | groove | outset | ridge | solid)[]
The border-style
shorthand CSS property sets the line style for all four sides of an element's border.
Syntax: <line-style>{1,4}
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/border-style
Inherited from: CSS.PropertiesHyphenFallback.border-style
Defined in: node_modules/csstype/index.d.ts:14004
border-top
• Optional
border-top: string | string & {} | (undefined | string | string & {})[]
The border-top
shorthand CSS property sets all the properties of an element's top border.
Syntax: <line-width> || <line-style> || <color>
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/border-top
Inherited from: CSS.PropertiesHyphenFallback.border-top
Defined in: node_modules/csstype/index.d.ts:14016
border-top-color
• Optional
border-top-color: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
The border-top-color
CSS property sets the color of an element's top border. It can also be set with the shorthand CSS properties border-color
or border-top
.
Syntax: <color>
Initial value: currentcolor
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/border-top-color
Inherited from: CSS.PropertiesHyphenFallback.border-top-color
Defined in: node_modules/csstype/index.d.ts:9745
border-top-left-radius
• Optional
border-top-left-radius: string | string & {} | (undefined | string | string & {})[]
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
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
4 | 4 | 5 | 12 | 9 |
1 -x- | 3 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/border-top-left-radius
Inherited from: CSS.PropertiesHyphenFallback.border-top-left-radius
Defined in: node_modules/csstype/index.d.ts:9759
border-top-right-radius
• Optional
border-top-right-radius: string | string & {} | (undefined | string | string & {})[]
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
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
4 | 4 | 5 | 12 | 9 |
1 -x- | 3 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/border-top-right-radius
Inherited from: CSS.PropertiesHyphenFallback.border-top-right-radius
Defined in: node_modules/csstype/index.d.ts:9774
border-top-style
• Optional
border-top-style: inset | -moz-initial | inherit | initial | revert | unset | none | hidden | dashed | dotted | double | groove | outset | ridge | solid | (undefined | inset | -moz-initial | inherit | initial | revert | unset | none | hidden | dashed | dotted | double | groove | outset | ridge | solid)[]
The border-top-style
CSS property sets the line style of an element's top border
.
Syntax: <line-style>
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 5.5 |
see
https://developer.mozilla.org/docs/Web/CSS/border-top-style
Inherited from: CSS.PropertiesHyphenFallback.border-top-style
Defined in: node_modules/csstype/index.d.ts:9789
border-top-width
• Optional
border-top-width: string | (undefined | string)[]
The border-top-width
CSS property sets the width of the top border of an element.
Syntax: <line-width>
Initial value: medium
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/border-top-width
Inherited from: CSS.PropertiesHyphenFallback.border-top-width
Defined in: node_modules/csstype/index.d.ts:9803
border-width
• Optional
border-width: string | string & {} | (undefined | string | string & {})[]
The border-width
shorthand CSS property sets the width of an element's border.
Syntax: <line-width>{1,4}
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/border-width
Inherited from: CSS.PropertiesHyphenFallback.border-width
Defined in: node_modules/csstype/index.d.ts:14028
borderBlock
• Optional
borderBlock: string | string & {} | (undefined | string | string & {})[]
The border-block
CSS property is a shorthand property for setting the individual logical block border property values in a single place in the style sheet.
Syntax: <'border-top-width'> || <'border-top-style'> || <color>
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
87 | 66 | No | n/a | No |
see
https://developer.mozilla.org/docs/Web/CSS/border-block
Inherited from: CSS.PropertiesFallback.borderBlock
Defined in: node_modules/csstype/index.d.ts:5155
borderBlockColor
• Optional
borderBlockColor: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
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 | No | n/a | No |
see
https://developer.mozilla.org/docs/Web/CSS/border-block-color
Inherited from: CSS.PropertiesFallback.borderBlockColor
Defined in: node_modules/csstype/index.d.ts:477
borderBlockEnd
• Optional
borderBlockEnd: string | string & {} | (undefined | string | string & {})[]
The border-block-end
CSS property is a shorthand property for setting the individual logical block-end border property values in a single place in the style sheet.
Syntax: <'border-top-width'> || <'border-top-style'> || <color>
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 41 | 12.1 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/border-block-end
Inherited from: CSS.PropertiesFallback.borderBlockEnd
Defined in: node_modules/csstype/index.d.ts:5167
borderBlockEndColor
• Optional
borderBlockEndColor: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
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
https://developer.mozilla.org/docs/Web/CSS/border-block-end-color
Inherited from: CSS.PropertiesFallback.borderBlockEndColor
Defined in: node_modules/csstype/index.d.ts:491
borderBlockEndStyle
• Optional
borderBlockEndStyle: inset | -moz-initial | inherit | initial | revert | unset | none | hidden | dashed | dotted | double | groove | outset | ridge | solid | (undefined | inset | -moz-initial | inherit | initial | revert | unset | none | hidden | dashed | dotted | double | groove | outset | ridge | solid)[]
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
https://developer.mozilla.org/docs/Web/CSS/border-block-end-style
Inherited from: CSS.PropertiesFallback.borderBlockEndStyle
Defined in: node_modules/csstype/index.d.ts:505
borderBlockEndWidth
• Optional
borderBlockEndWidth: string | (undefined | string)[]
The border-block-end-width
CSS property defines the width of the logical block-end border of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-width
, border-right-width
, border-bottom-width
, or border-left-width
property depending on the values defined for writing-mode
, direction
, and text-orientation
.
Syntax: <'border-top-width'>
Initial value: medium
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 41 | 12.1 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/border-block-end-width
Inherited from: CSS.PropertiesFallback.borderBlockEndWidth
Defined in: node_modules/csstype/index.d.ts:519
borderBlockStart
• Optional
borderBlockStart: string | string & {} | (undefined | string | string & {})[]
The border-block-start
CSS property is a shorthand property for setting the individual logical block-start border property values in a single place in the style sheet.
Syntax: <'border-top-width'> || <'border-top-style'> || <color>
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 41 | 12.1 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/border-block-start
Inherited from: CSS.PropertiesFallback.borderBlockStart
Defined in: node_modules/csstype/index.d.ts:5179
borderBlockStartColor
• Optional
borderBlockStartColor: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
The border-block-start-color
CSS property defines the color of the logical block-start 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
https://developer.mozilla.org/docs/Web/CSS/border-block-start-color
Inherited from: CSS.PropertiesFallback.borderBlockStartColor
Defined in: node_modules/csstype/index.d.ts:533
borderBlockStartStyle
• Optional
borderBlockStartStyle: inset | -moz-initial | inherit | initial | revert | unset | none | hidden | dashed | dotted | double | groove | outset | ridge | solid | (undefined | inset | -moz-initial | inherit | initial | revert | unset | none | hidden | dashed | dotted | double | groove | outset | ridge | solid)[]
The border-block-start-style
CSS property defines the style of the logical block start 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
https://developer.mozilla.org/docs/Web/CSS/border-block-start-style
Inherited from: CSS.PropertiesFallback.borderBlockStartStyle
Defined in: node_modules/csstype/index.d.ts:547
borderBlockStartWidth
• Optional
borderBlockStartWidth: string | (undefined | string)[]
The border-block-start-width
CSS property defines the width of the logical block-start border of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-width
, border-right-width
, border-bottom-width
, or border-left-width
property depending on the values defined for writing-mode
, direction
, and text-orientation
.
Syntax: <'border-top-width'>
Initial value: medium
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 41 | 12.1 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/border-block-start-width
Inherited from: CSS.PropertiesFallback.borderBlockStartWidth
Defined in: node_modules/csstype/index.d.ts:561
borderBlockStyle
• Optional
borderBlockStyle: inset | -moz-initial | inherit | initial | revert | unset | none | hidden | dashed | dotted | double | groove | outset | ridge | solid | (undefined | inset | -moz-initial | inherit | initial | revert | unset | none | hidden | dashed | dotted | double | groove | outset | ridge | solid)[]
The border-block-style
CSS property defines the style of the logical block borders 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
and border-bottom-style
, or border-left-style
and border-right-style
properties depending on the values defined for writing-mode
, direction
, and text-orientation
.
Syntax: <'border-top-style'>
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
87 | 66 | No | n/a | No |
see
https://developer.mozilla.org/docs/Web/CSS/border-block-style
Inherited from: CSS.PropertiesFallback.borderBlockStyle
Defined in: node_modules/csstype/index.d.ts:575
borderBlockWidth
• Optional
borderBlockWidth: string | (undefined | string)[]
The border-block-width
CSS property defines the width of the logical block borders of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-width
and border-bottom-width
, or border-left-width
, and border-right-width
property depending on the values defined for writing-mode
, direction
, and text-orientation
.
Syntax: <'border-top-width'>
Initial value: medium
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
87 | 66 | No | n/a | No |
see
https://developer.mozilla.org/docs/Web/CSS/border-block-width
Inherited from: CSS.PropertiesFallback.borderBlockWidth
Defined in: node_modules/csstype/index.d.ts:589
borderBottom
• Optional
borderBottom: string | string & {} | (undefined | string | string & {})[]
The border-bottom
shorthand CSS property sets an element's bottom border. It sets the values of border-bottom-width
, border-bottom-style
and border-bottom-color
.
Syntax: <line-width> || <line-style> || <color>
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/border-bottom
Inherited from: CSS.PropertiesFallback.borderBottom
Defined in: node_modules/csstype/index.d.ts:5191
borderBottomColor
• Optional
borderBottomColor: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
The border-bottom-color
CSS property sets the color of an element's bottom border. It can also be set with the shorthand CSS properties border-color
or border-bottom
.
Syntax: <'border-top-color'>
Initial value: currentcolor
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/border-bottom-color
Inherited from: CSS.PropertiesFallback.borderBottomColor
Defined in: node_modules/csstype/index.d.ts:603
borderBottomLeftRadius
• Optional
borderBottomLeftRadius: string | string & {} | (undefined | string | string & {})[]
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
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
4 | 4 | 5 | 12 | 9 |
1 -x- | 3 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/border-bottom-left-radius
Inherited from: CSS.PropertiesFallback.borderBottomLeftRadius
Defined in: node_modules/csstype/index.d.ts:618
borderBottomRightRadius
• Optional
borderBottomRightRadius: string | string & {} | (undefined | string | string & {})[]
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
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
4 | 4 | 5 | 12 | 9 |
1 -x- | 3 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/border-bottom-right-radius
Inherited from: CSS.PropertiesFallback.borderBottomRightRadius
Defined in: node_modules/csstype/index.d.ts:633
borderBottomStyle
• Optional
borderBottomStyle: inset | -moz-initial | inherit | initial | revert | unset | none | hidden | dashed | dotted | double | groove | outset | ridge | solid | (undefined | inset | -moz-initial | inherit | initial | revert | unset | none | hidden | dashed | dotted | double | groove | outset | ridge | solid)[]
The border-bottom-style
CSS property sets the line style of an element's bottom border
.
Syntax: <line-style>
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 5.5 |
see
https://developer.mozilla.org/docs/Web/CSS/border-bottom-style
Inherited from: CSS.PropertiesFallback.borderBottomStyle
Defined in: node_modules/csstype/index.d.ts:647
borderBottomWidth
• Optional
borderBottomWidth: string | (undefined | string)[]
The border-bottom-width
CSS property sets the width of the bottom border of an element.
Syntax: <line-width>
Initial value: medium
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/border-bottom-width
Inherited from: CSS.PropertiesFallback.borderBottomWidth
Defined in: node_modules/csstype/index.d.ts:661
borderCollapse
• Optional
borderCollapse: -moz-initial | inherit | initial | revert | unset | collapse | separate | (undefined | -moz-initial | inherit | initial | revert | unset | collapse | separate)[]
The border-collapse
CSS property sets whether cells inside a <table>
have shared or separate borders.
Syntax: collapse | separate
Initial value: separate
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1.2 | 12 | 5 |
see
https://developer.mozilla.org/docs/Web/CSS/border-collapse
Inherited from: CSS.PropertiesFallback.borderCollapse
Defined in: node_modules/csstype/index.d.ts:675
borderColor
• Optional
borderColor: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
The border-color
shorthand CSS property sets the color of an element's border.
Syntax: <color>{1,4}
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/border-color
Inherited from: CSS.PropertiesFallback.borderColor
Defined in: node_modules/csstype/index.d.ts:5203
borderEndEndRadius
• Optional
borderEndEndRadius: string | string & {} | (undefined | string | string & {})[]
The border-end-end-radius
CSS property defines a logical border radius on an element, which maps to a physical border radius that depends on the element's writing-mode
, direction
, and text-orientation
. This is useful when building styles to work regardless of the text orientation and writing mode.
Syntax: <length-percentage>{1,2}
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
89 | 66 | No | No | No |
see
https://developer.mozilla.org/docs/Web/CSS/border-end-end-radius
Inherited from: CSS.PropertiesFallback.borderEndEndRadius
Defined in: node_modules/csstype/index.d.ts:689
borderEndStartRadius
• Optional
borderEndStartRadius: string | string & {} | (undefined | string | string & {})[]
The border-end-start-radius
CSS property defines a logical border radius on an element, which maps to a physical border radius depending on the element's writing-mode
, direction
, and text-orientation
. This is useful when building styles to work regardless of the text orientation and writing mode.
Syntax: <length-percentage>{1,2}
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
89 | 66 | No | No | No |
see
https://developer.mozilla.org/docs/Web/CSS/border-end-start-radius
Inherited from: CSS.PropertiesFallback.borderEndStartRadius
Defined in: node_modules/csstype/index.d.ts:703
borderImage
• Optional
borderImage: space | -moz-initial | inherit | initial | revert | unset | stretch | string & {} | none | number & {} | repeat | round | (undefined | space | -moz-initial | inherit | initial | revert | unset | stretch | string & {} | none | number & {} | repeat | round)[]
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'>
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
16 | 15 | 6 | 12 | 11 |
7 -x- | 3.5 -x- | 3 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/border-image
Inherited from: CSS.PropertiesFallback.borderImage
Defined in: node_modules/csstype/index.d.ts:5216
borderImageOutset
• Optional
borderImageOutset: string | string & {} | number & {} | (undefined | string | string & {} | number & {})[]
The border-image-outset
CSS property sets the distance by which an element's border image is set out from its border box.
Syntax: [ <length> | <number> ]{1,4}
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
15 | 15 | 6 | 12 | 11 |
see
https://developer.mozilla.org/docs/Web/CSS/border-image-outset
Inherited from: CSS.PropertiesFallback.borderImageOutset
Defined in: node_modules/csstype/index.d.ts:717
borderImageRepeat
• Optional
borderImageRepeat: space | -moz-initial | inherit | initial | revert | unset | stretch | string & {} | repeat | round | (undefined | space | -moz-initial | inherit | initial | revert | unset | stretch | string & {} | repeat | round)[]
The border-image-repeat
CSS property defines how the edge regions of a source image are adjusted to fit the dimensions of an element's border image.
Syntax: [ stretch | repeat | round | space ]{1,2}
Initial value: stretch
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
15 | 15 | 6 | 12 | 11 |
see
https://developer.mozilla.org/docs/Web/CSS/border-image-repeat
Inherited from: CSS.PropertiesFallback.borderImageRepeat
Defined in: node_modules/csstype/index.d.ts:731
borderImageSlice
• Optional
borderImageSlice: -moz-initial | inherit | initial | revert | unset | string & {} | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | number & {})[]
The border-image-slice
CSS property divides the image specified by border-image-source
into regions. These regions form the components of an element's border image.
Syntax: <number-percentage>{1,4} && fill?
Initial value: 100%
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
15 | 15 | 6 | 12 | 11 |
see
https://developer.mozilla.org/docs/Web/CSS/border-image-slice
Inherited from: CSS.PropertiesFallback.borderImageSlice
Defined in: node_modules/csstype/index.d.ts:745
borderImageSource
• Optional
borderImageSource: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
The border-image-source
CSS property sets the source image used to create an element's border image.
Syntax: none | <image>
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
15 | 15 | 6 | 12 | 11 |
see
https://developer.mozilla.org/docs/Web/CSS/border-image-source
Inherited from: CSS.PropertiesFallback.borderImageSource
Defined in: node_modules/csstype/index.d.ts:759
borderImageWidth
• Optional
borderImageWidth: string | string & {} | number & {} | (undefined | string | string & {} | number & {})[]
The border-image-width
CSS property sets the width of an element's border image.
Syntax: [ <length-percentage> | <number> | auto ]{1,4}
Initial value: 1
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
15 | 13 | 6 | 12 | 11 |
see
https://developer.mozilla.org/docs/Web/CSS/border-image-width
Inherited from: CSS.PropertiesFallback.borderImageWidth
Defined in: node_modules/csstype/index.d.ts:773
borderInline
• Optional
borderInline: string | string & {} | (undefined | string | string & {})[]
The border-inline
CSS property is a shorthand property for setting the individual logical inline border property values in a single place in the style sheet.
Syntax: <'border-top-width'> || <'border-top-style'> || <color>
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
87 | 66 | No | n/a | No |
see
https://developer.mozilla.org/docs/Web/CSS/border-inline
Inherited from: CSS.PropertiesFallback.borderInline
Defined in: node_modules/csstype/index.d.ts:5228
borderInlineColor
• Optional
borderInlineColor: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
The border-inline-color
CSS property defines the color of the logical inline 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 | No | n/a | No |
see
https://developer.mozilla.org/docs/Web/CSS/border-inline-color
Inherited from: CSS.PropertiesFallback.borderInlineColor
Defined in: node_modules/csstype/index.d.ts:787
borderInlineEnd
• Optional
borderInlineEnd: string | string & {} | (undefined | string | string & {})[]
The border-inline-end
CSS property is a shorthand property for setting the individual logical inline-end border property values in a single place in the style sheet.
Syntax: <'border-top-width'> || <'border-top-style'> || <color>
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 41 | 12.1 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/border-inline-end
Inherited from: CSS.PropertiesFallback.borderInlineEnd
Defined in: node_modules/csstype/index.d.ts:5240
borderInlineEndColor
• Optional
borderInlineEndColor: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
The border-inline-end-color
CSS property defines the color of the logical inline-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 |
3 (-moz-border-end-color) |
see
https://developer.mozilla.org/docs/Web/CSS/border-inline-end-color
Inherited from: CSS.PropertiesFallback.borderInlineEndColor
Defined in: node_modules/csstype/index.d.ts:802
borderInlineEndStyle
• Optional
borderInlineEndStyle: inset | -moz-initial | inherit | initial | revert | unset | none | hidden | dashed | dotted | double | groove | outset | ridge | solid | (undefined | inset | -moz-initial | inherit | initial | revert | unset | none | hidden | dashed | dotted | double | groove | outset | ridge | solid)[]
The border-inline-end-style
CSS property defines the style of the logical inline 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 |
3 (-moz-border-end-style) |
see
https://developer.mozilla.org/docs/Web/CSS/border-inline-end-style
Inherited from: CSS.PropertiesFallback.borderInlineEndStyle
Defined in: node_modules/csstype/index.d.ts:817
borderInlineEndWidth
• Optional
borderInlineEndWidth: string | (undefined | string)[]
The border-inline-end-width
CSS property defines the width of the logical inline-end border of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-width
, border-right-width
, border-bottom-width
, or border-left-width
property depending on the values defined for writing-mode
, direction
, and text-orientation
.
Syntax: <'border-top-width'>
Initial value: medium
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 41 | 12.1 | 79 | No |
3 (-moz-border-end-width) |
see
https://developer.mozilla.org/docs/Web/CSS/border-inline-end-width
Inherited from: CSS.PropertiesFallback.borderInlineEndWidth
Defined in: node_modules/csstype/index.d.ts:832
borderInlineStart
• Optional
borderInlineStart: string | string & {} | (undefined | string | string & {})[]
The border-inline-start
CSS property is a shorthand property for setting the individual logical inline-start border property values in a single place in the style sheet.
Syntax: <'border-top-width'> || <'border-top-style'> || <color>
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 41 | 12.1 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/border-inline-start
Inherited from: CSS.PropertiesFallback.borderInlineStart
Defined in: node_modules/csstype/index.d.ts:5252
borderInlineStartColor
• Optional
borderInlineStartColor: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
The border-inline-start-color
CSS property defines the color of the logical inline start 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 |
3 (-moz-border-start-color) |
see
https://developer.mozilla.org/docs/Web/CSS/border-inline-start-color
Inherited from: CSS.PropertiesFallback.borderInlineStartColor
Defined in: node_modules/csstype/index.d.ts:847
borderInlineStartStyle
• Optional
borderInlineStartStyle: inset | -moz-initial | inherit | initial | revert | unset | none | hidden | dashed | dotted | double | groove | outset | ridge | solid | (undefined | inset | -moz-initial | inherit | initial | revert | unset | none | hidden | dashed | dotted | double | groove | outset | ridge | solid)[]
The border-inline-start-style
CSS property defines the style of the logical inline start 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 |
3 (-moz-border-start-style) |
see
https://developer.mozilla.org/docs/Web/CSS/border-inline-start-style
Inherited from: CSS.PropertiesFallback.borderInlineStartStyle
Defined in: node_modules/csstype/index.d.ts:862
borderInlineStartWidth
• Optional
borderInlineStartWidth: string | (undefined | string)[]
The border-inline-start-width
CSS property defines the width of the logical inline-start border of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-width
, border-right-width
, border-bottom-width
, or border-left-width
property depending on the values defined for writing-mode
, direction
, and text-orientation
.
Syntax: <'border-top-width'>
Initial value: medium
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 41 | 12.1 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/border-inline-start-width
Inherited from: CSS.PropertiesFallback.borderInlineStartWidth
Defined in: node_modules/csstype/index.d.ts:876
borderInlineStyle
• Optional
borderInlineStyle: inset | -moz-initial | inherit | initial | revert | unset | none | hidden | dashed | dotted | double | groove | outset | ridge | solid | (undefined | inset | -moz-initial | inherit | initial | revert | unset | none | hidden | dashed | dotted | double | groove | outset | ridge | solid)[]
The border-inline-style
CSS property defines the style of the logical inline borders 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
and border-bottom-style
, or border-left-style
and border-right-style
properties depending on the values defined for writing-mode
, direction
, and text-orientation
.
Syntax: <'border-top-style'>
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
87 | 66 | No | n/a | No |
see
https://developer.mozilla.org/docs/Web/CSS/border-inline-style
Inherited from: CSS.PropertiesFallback.borderInlineStyle
Defined in: node_modules/csstype/index.d.ts:890
borderInlineWidth
• Optional
borderInlineWidth: string | (undefined | string)[]
The border-inline-width
CSS property defines the width of the logical inline borders of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-width
and border-bottom-width
, or border-left-width
, and border-right-width
property depending on the values defined for writing-mode
, direction
, and text-orientation
.
Syntax: <'border-top-width'>
Initial value: medium
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
87 | 66 | No | n/a | No |
see
https://developer.mozilla.org/docs/Web/CSS/border-inline-width
Inherited from: CSS.PropertiesFallback.borderInlineWidth
Defined in: node_modules/csstype/index.d.ts:904
borderLeft
• Optional
borderLeft: string | string & {} | (undefined | string | string & {})[]
The border-left
shorthand CSS property sets all the properties of an element's left border.
Syntax: <line-width> || <line-style> || <color>
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/border-left
Inherited from: CSS.PropertiesFallback.borderLeft
Defined in: node_modules/csstype/index.d.ts:5264
borderLeftColor
• Optional
borderLeftColor: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
The border-left-color
CSS property sets the color of an element's left border. It can also be set with the shorthand CSS properties border-color
or border-left
.
Syntax: <color>
Initial value: currentcolor
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/border-left-color
Inherited from: CSS.PropertiesFallback.borderLeftColor
Defined in: node_modules/csstype/index.d.ts:918
borderLeftStyle
• Optional
borderLeftStyle: inset | -moz-initial | inherit | initial | revert | unset | none | hidden | dashed | dotted | double | groove | outset | ridge | solid | (undefined | inset | -moz-initial | inherit | initial | revert | unset | none | hidden | dashed | dotted | double | groove | outset | ridge | solid)[]
The border-left-style
CSS property sets the line style of an element's left border
.
Syntax: <line-style>
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 5.5 |
see
https://developer.mozilla.org/docs/Web/CSS/border-left-style
Inherited from: CSS.PropertiesFallback.borderLeftStyle
Defined in: node_modules/csstype/index.d.ts:932
borderLeftWidth
• Optional
borderLeftWidth: string | (undefined | string)[]
The border-left-width
CSS property sets the width of the left border of an element.
Syntax: <line-width>
Initial value: medium
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/border-left-width
Inherited from: CSS.PropertiesFallback.borderLeftWidth
Defined in: node_modules/csstype/index.d.ts:946
borderRadius
• Optional
borderRadius: string | string & {} | (undefined | string | string & {})[]
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} ]?
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
4 | 4 | 5 | 12 | 9 |
1 -x- | 3 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/border-radius
Inherited from: CSS.PropertiesFallback.borderRadius
Defined in: node_modules/csstype/index.d.ts:5277
borderRight
• Optional
borderRight: string | string & {} | (undefined | string | string & {})[]
The border-right
shorthand CSS property sets all the properties of an element's right border.
Syntax: <line-width> || <line-style> || <color>
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 5.5 |
see
https://developer.mozilla.org/docs/Web/CSS/border-right
Inherited from: CSS.PropertiesFallback.borderRight
Defined in: node_modules/csstype/index.d.ts:5289
borderRightColor
• Optional
borderRightColor: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
The border-right-color
CSS property sets the color of an element's right border. It can also be set with the shorthand CSS properties border-color
or border-right
.
Syntax: <color>
Initial value: currentcolor
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/border-right-color
Inherited from: CSS.PropertiesFallback.borderRightColor
Defined in: node_modules/csstype/index.d.ts:960
borderRightStyle
• Optional
borderRightStyle: inset | -moz-initial | inherit | initial | revert | unset | none | hidden | dashed | dotted | double | groove | outset | ridge | solid | (undefined | inset | -moz-initial | inherit | initial | revert | unset | none | hidden | dashed | dotted | double | groove | outset | ridge | solid)[]
The border-right-style
CSS property sets the line style of an element's right border
.
Syntax: <line-style>
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 5.5 |
see
https://developer.mozilla.org/docs/Web/CSS/border-right-style
Inherited from: CSS.PropertiesFallback.borderRightStyle
Defined in: node_modules/csstype/index.d.ts:974
borderRightWidth
• Optional
borderRightWidth: string | (undefined | string)[]
The border-right-width
CSS property sets the width of the right border of an element.
Syntax: <line-width>
Initial value: medium
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/border-right-width
Inherited from: CSS.PropertiesFallback.borderRightWidth
Defined in: node_modules/csstype/index.d.ts:988
borderSpacing
• Optional
borderSpacing: string | string & {} | (undefined | string | string & {})[]
The border-spacing
CSS property sets the distance between the borders of adjacent <table>
cells. This property applies only when border-collapse
is separate
.
Syntax: <length> <length>?
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 8 |
see
https://developer.mozilla.org/docs/Web/CSS/border-spacing
Inherited from: CSS.PropertiesFallback.borderSpacing
Defined in: node_modules/csstype/index.d.ts:1002
borderStartEndRadius
• Optional
borderStartEndRadius: string | string & {} | (undefined | string | string & {})[]
The border-start-end-radius
CSS property defines a logical border radius on an element, which maps to a physical border radius depending on the element's writing-mode
, direction
, and text-orientation
. This is useful when building styles to work regardless of the text orientation and writing mode.
Syntax: <length-percentage>{1,2}
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
89 | 66 | No | No | No |
see
https://developer.mozilla.org/docs/Web/CSS/border-start-end-radius
Inherited from: CSS.PropertiesFallback.borderStartEndRadius
Defined in: node_modules/csstype/index.d.ts:1016
borderStartStartRadius
• Optional
borderStartStartRadius: string | string & {} | (undefined | string | string & {})[]
The border-start-start-radius
CSS property defines a logical border radius on an element, which maps to a physical border radius that depends on the element's writing-mode
, direction
, and text-orientation
. This is useful when building styles to work regardless of the text orientation and writing mode.
Syntax: <length-percentage>{1,2}
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
89 | 66 | No | No | No |
see
https://developer.mozilla.org/docs/Web/CSS/border-start-start-radius
Inherited from: CSS.PropertiesFallback.borderStartStartRadius
Defined in: node_modules/csstype/index.d.ts:1030
borderStyle
• Optional
borderStyle: inset | -moz-initial | inherit | initial | revert | unset | string & {} | none | hidden | dashed | dotted | double | groove | outset | ridge | solid | (undefined | inset | -moz-initial | inherit | initial | revert | unset | string & {} | none | hidden | dashed | dotted | double | groove | outset | ridge | solid)[]
The border-style
shorthand CSS property sets the line style for all four sides of an element's border.
Syntax: <line-style>{1,4}
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/border-style
Inherited from: CSS.PropertiesFallback.borderStyle
Defined in: node_modules/csstype/index.d.ts:5301
borderTop
• Optional
borderTop: string | string & {} | (undefined | string | string & {})[]
The border-top
shorthand CSS property sets all the properties of an element's top border.
Syntax: <line-width> || <line-style> || <color>
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/border-top
Inherited from: CSS.PropertiesFallback.borderTop
Defined in: node_modules/csstype/index.d.ts:5313
borderTopColor
• Optional
borderTopColor: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
The border-top-color
CSS property sets the color of an element's top border. It can also be set with the shorthand CSS properties border-color
or border-top
.
Syntax: <color>
Initial value: currentcolor
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/border-top-color
Inherited from: CSS.PropertiesFallback.borderTopColor
Defined in: node_modules/csstype/index.d.ts:1044
borderTopLeftRadius
• Optional
borderTopLeftRadius: string | string & {} | (undefined | string | string & {})[]
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
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
4 | 4 | 5 | 12 | 9 |
1 -x- | 3 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/border-top-left-radius
Inherited from: CSS.PropertiesFallback.borderTopLeftRadius
Defined in: node_modules/csstype/index.d.ts:1059
borderTopRightRadius
• Optional
borderTopRightRadius: string | string & {} | (undefined | string | string & {})[]
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
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
4 | 4 | 5 | 12 | 9 |
1 -x- | 3 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/border-top-right-radius
Inherited from: CSS.PropertiesFallback.borderTopRightRadius
Defined in: node_modules/csstype/index.d.ts:1074
borderTopStyle
• Optional
borderTopStyle: inset | -moz-initial | inherit | initial | revert | unset | none | hidden | dashed | dotted | double | groove | outset | ridge | solid | (undefined | inset | -moz-initial | inherit | initial | revert | unset | none | hidden | dashed | dotted | double | groove | outset | ridge | solid)[]
The border-top-style
CSS property sets the line style of an element's top border
.
Syntax: <line-style>
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 5.5 |
see
https://developer.mozilla.org/docs/Web/CSS/border-top-style
Inherited from: CSS.PropertiesFallback.borderTopStyle
Defined in: node_modules/csstype/index.d.ts:1088
borderTopWidth
• Optional
borderTopWidth: string | (undefined | string)[]
The border-top-width
CSS property sets the width of the top border of an element.
Syntax: <line-width>
Initial value: medium
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/border-top-width
Inherited from: CSS.PropertiesFallback.borderTopWidth
Defined in: node_modules/csstype/index.d.ts:1102
borderWidth
• Optional
borderWidth: string | string & {} | (undefined | string | string & {})[]
The border-width
shorthand CSS property sets the width of an element's border.
Syntax: <line-width>{1,4}
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/border-width
Inherited from: CSS.PropertiesFallback.borderWidth
Defined in: node_modules/csstype/index.d.ts:5325
bottom
• Optional
bottom: string | string & {} | (undefined | string | string & {})[]
The bottom
CSS property participates in setting the vertical position of a positioned element. It has no effect on non-positioned elements.
Syntax: <length> | <percentage> | auto
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 5 |
see
https://developer.mozilla.org/docs/Web/CSS/bottom
Inherited from: CSS.PropertiesFallback.bottom
Defined in: node_modules/csstype/index.d.ts:1116
box-align
• Optional
box-align: -moz-initial | inherit | initial | revert | unset | stretch | center | end | start | baseline | (undefined | -moz-initial | inherit | initial | revert | unset | stretch | center | end | start | baseline)[]
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
Inherited from: CSS.PropertiesHyphenFallback.box-align
Defined in: node_modules/csstype/index.d.ts:16363
box-decoration-break
• Optional
box-decoration-break: -moz-initial | inherit | initial | revert | unset | clone | slice | (undefined | -moz-initial | inherit | initial | revert | unset | clone | slice)[]
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
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
22 -x- | 32 | 6.1 -x- | 79 -x- | No |
see
https://developer.mozilla.org/docs/Web/CSS/box-decoration-break
Inherited from: CSS.PropertiesHyphenFallback.box-decoration-break
Defined in: node_modules/csstype/index.d.ts:9831
box-direction
• Optional
box-direction: -moz-initial | inherit | initial | revert | unset | normal | reverse | (undefined | -moz-initial | inherit | initial | revert | unset | normal | reverse)[]
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
Inherited from: CSS.PropertiesHyphenFallback.box-direction
Defined in: node_modules/csstype/index.d.ts:16373
box-flex
• Optional
box-flex: -moz-initial | inherit | initial | revert | unset | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | number & {})[]
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
Inherited from: CSS.PropertiesHyphenFallback.box-flex
Defined in: node_modules/csstype/index.d.ts:16383
box-flex-group
• Optional
box-flex-group: -moz-initial | inherit | initial | revert | unset | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | number & {})[]
The box-flex-group
CSS property assigns the flexbox's child elements to a flex group.
Syntax: <integer>
Initial value: 1
deprecated
Inherited from: CSS.PropertiesHyphenFallback.box-flex-group
Defined in: node_modules/csstype/index.d.ts:16393
box-lines
• Optional
box-lines: -moz-initial | inherit | initial | revert | unset | multiple | single | (undefined | -moz-initial | inherit | initial | revert | unset | multiple | single)[]
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
Inherited from: CSS.PropertiesHyphenFallback.box-lines
Defined in: node_modules/csstype/index.d.ts:16403
box-ordinal-group
• Optional
box-ordinal-group: -moz-initial | inherit | initial | revert | unset | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | number & {})[]
The box-ordinal-group
CSS property assigns the flexbox's child elements to an ordinal group.
Syntax: <integer>
Initial value: 1
deprecated
Inherited from: CSS.PropertiesHyphenFallback.box-ordinal-group
Defined in: node_modules/csstype/index.d.ts:16413
box-orient
• Optional
box-orient: -moz-initial | inherit | initial | revert | unset | horizontal | vertical | block-axis | inline-axis | (undefined | -moz-initial | inherit | initial | revert | unset | horizontal | vertical | block-axis | inline-axis)[]
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
Inherited from: CSS.PropertiesHyphenFallback.box-orient
Defined in: node_modules/csstype/index.d.ts:16423
box-pack
• Optional
box-pack: -moz-initial | inherit | initial | revert | unset | center | end | start | justify | (undefined | -moz-initial | inherit | initial | revert | unset | center | end | start | justify)[]
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
Inherited from: CSS.PropertiesHyphenFallback.box-pack
Defined in: node_modules/csstype/index.d.ts:16433
box-shadow
• Optional
box-shadow: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
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
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
10 | 4 | 5.1 | 12 | 9 |
1 -x- | 3 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/box-shadow
Inherited from: CSS.PropertiesHyphenFallback.box-shadow
Defined in: node_modules/csstype/index.d.ts:9845
box-sizing
• Optional
box-sizing: -moz-initial | inherit | initial | revert | unset | border-box | content-box | (undefined | -moz-initial | inherit | initial | revert | unset | border-box | content-box)[]
The box-sizing
CSS property sets how the total width and height of an element is calculated.
Syntax: content-box | border-box
Initial value: content-box
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
10 | 29 | 5.1 | 12 | 8 |
1 -x- | 1 -x- | 3 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/box-sizing
Inherited from: CSS.PropertiesHyphenFallback.box-sizing
Defined in: node_modules/csstype/index.d.ts:9860
boxAlign
• Optional
boxAlign: -moz-initial | inherit | initial | revert | unset | stretch | center | end | start | baseline | (undefined | -moz-initial | inherit | initial | revert | unset | stretch | center | end | start | baseline)[]
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
Inherited from: CSS.PropertiesFallback.boxAlign
Defined in: node_modules/csstype/index.d.ts:7656
boxDecorationBreak
• Optional
boxDecorationBreak: -moz-initial | inherit | initial | revert | unset | clone | slice | (undefined | -moz-initial | inherit | initial | revert | unset | clone | slice)[]
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
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
22 -x- | 32 | 6.1 -x- | 79 -x- | No |
see
https://developer.mozilla.org/docs/Web/CSS/box-decoration-break
Inherited from: CSS.PropertiesFallback.boxDecorationBreak
Defined in: node_modules/csstype/index.d.ts:1130
boxDirection
• Optional
boxDirection: -moz-initial | inherit | initial | revert | unset | normal | reverse | (undefined | -moz-initial | inherit | initial | revert | unset | normal | reverse)[]
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
Inherited from: CSS.PropertiesFallback.boxDirection
Defined in: node_modules/csstype/index.d.ts:7666
boxFlex
• Optional
boxFlex: -moz-initial | inherit | initial | revert | unset | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | number & {})[]
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
Inherited from: CSS.PropertiesFallback.boxFlex
Defined in: node_modules/csstype/index.d.ts:7676
boxFlexGroup
• Optional
boxFlexGroup: -moz-initial | inherit | initial | revert | unset | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | number & {})[]
The box-flex-group
CSS property assigns the flexbox's child elements to a flex group.
Syntax: <integer>
Initial value: 1
deprecated
Inherited from: CSS.PropertiesFallback.boxFlexGroup
Defined in: node_modules/csstype/index.d.ts:7686
boxLines
• Optional
boxLines: -moz-initial | inherit | initial | revert | unset | multiple | single | (undefined | -moz-initial | inherit | initial | revert | unset | multiple | single)[]
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
Inherited from: CSS.PropertiesFallback.boxLines
Defined in: node_modules/csstype/index.d.ts:7696
boxOrdinalGroup
• Optional
boxOrdinalGroup: -moz-initial | inherit | initial | revert | unset | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | number & {})[]
The box-ordinal-group
CSS property assigns the flexbox's child elements to an ordinal group.
Syntax: <integer>
Initial value: 1
deprecated
Inherited from: CSS.PropertiesFallback.boxOrdinalGroup
Defined in: node_modules/csstype/index.d.ts:7706
boxOrient
• Optional
boxOrient: -moz-initial | inherit | initial | revert | unset | horizontal | vertical | block-axis | inline-axis | (undefined | -moz-initial | inherit | initial | revert | unset | horizontal | vertical | block-axis | inline-axis)[]
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
Inherited from: CSS.PropertiesFallback.boxOrient
Defined in: node_modules/csstype/index.d.ts:7716
boxPack
• Optional
boxPack: -moz-initial | inherit | initial | revert | unset | center | end | start | justify | (undefined | -moz-initial | inherit | initial | revert | unset | center | end | start | justify)[]
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
Inherited from: CSS.PropertiesFallback.boxPack
Defined in: node_modules/csstype/index.d.ts:7726
boxShadow
• Optional
boxShadow: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
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
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
10 | 4 | 5.1 | 12 | 9 |
1 -x- | 3 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/box-shadow
Inherited from: CSS.PropertiesFallback.boxShadow
Defined in: node_modules/csstype/index.d.ts:1145
boxSizing
• Optional
boxSizing: -moz-initial | inherit | initial | revert | unset | border-box | content-box | (undefined | -moz-initial | inherit | initial | revert | unset | border-box | content-box)[]
The box-sizing
CSS property sets how the total width and height of an element is calculated.
Syntax: content-box | border-box
Initial value: content-box
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
10 | 29 | 5.1 | 12 | 8 |
1 -x- | 1 -x- | 3 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/box-sizing
Inherited from: CSS.PropertiesFallback.boxSizing
Defined in: node_modules/csstype/index.d.ts:1160
break-after
• Optional
break-after: left | right | all | -moz-initial | inherit | initial | revert | unset | auto | always | avoid | avoid-column | avoid-page | avoid-region | column | page | recto | region | verso | (undefined | left | right | all | -moz-initial | inherit | initial | revert | unset | auto | always | avoid | avoid-column | avoid-page | avoid-region | column | page | recto | region | verso)[]
The break-after
CSS property sets how page, column, or region breaks should behave after a generated box. If there is no generated box, the property is ignored.
Syntax: auto | avoid | always | all | avoid-page | page | left | right | recto | verso | avoid-column | column | avoid-region | region
Initial value: auto
Supported in Multi-column Layout
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
50 | 65 | No | 12 | 10 |
Supported in Paged Media
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
50 | 65 | 10 | 12 | 10 |
see
https://developer.mozilla.org/docs/Web/CSS/break-after
Inherited from: CSS.PropertiesHyphenFallback.break-after
Defined in: node_modules/csstype/index.d.ts:9875
break-before
• Optional
break-before: left | right | all | -moz-initial | inherit | initial | revert | unset | auto | always | avoid | avoid-column | avoid-page | avoid-region | column | page | recto | region | verso | (undefined | left | right | all | -moz-initial | inherit | initial | revert | unset | auto | always | avoid | avoid-column | avoid-page | avoid-region | column | page | recto | region | verso)[]
The break-before
CSS property sets how page, column, or region breaks should behave before a generated box. If there is no generated box, the property is ignored.
Syntax: auto | avoid | always | all | avoid-page | page | left | right | recto | verso | avoid-column | column | avoid-region | region
Initial value: auto
Supported in Multi-column Layout
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
50 | 65 | No | 12 | 10 |
Supported in Paged Media
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
50 | 65 | 10 | 12 | 10 |
see
https://developer.mozilla.org/docs/Web/CSS/break-before
Inherited from: CSS.PropertiesHyphenFallback.break-before
Defined in: node_modules/csstype/index.d.ts:9903
break-inside
• Optional
break-inside: -moz-initial | inherit | initial | revert | unset | auto | avoid | avoid-column | avoid-page | avoid-region | (undefined | -moz-initial | inherit | initial | revert | unset | auto | avoid | avoid-column | avoid-page | avoid-region)[]
The break-inside
CSS property sets how page, column, or region breaks should behave inside a generated box. If there is no generated box, the property is ignored.
Syntax: auto | avoid | avoid-page | avoid-column | avoid-region
Initial value: auto
Supported in Multi-column Layout
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
50 | 65 | 10 | 12 | 10 |
Supported in Paged Media
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
50 | 65 | 10 | 12 | 10 |
see
https://developer.mozilla.org/docs/Web/CSS/break-inside
Inherited from: CSS.PropertiesHyphenFallback.break-inside
Defined in: node_modules/csstype/index.d.ts:9931
breakAfter
• Optional
breakAfter: left | right | all | -moz-initial | inherit | initial | revert | unset | auto | always | avoid | avoid-column | avoid-page | avoid-region | column | page | recto | region | verso | (undefined | left | right | all | -moz-initial | inherit | initial | revert | unset | auto | always | avoid | avoid-column | avoid-page | avoid-region | column | page | recto | region | verso)[]
The break-after
CSS property sets how page, column, or region breaks should behave after a generated box. If there is no generated box, the property is ignored.
Syntax: auto | avoid | always | all | avoid-page | page | left | right | recto | verso | avoid-column | column | avoid-region | region
Initial value: auto
Supported in Multi-column Layout
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
50 | 65 | No | 12 | 10 |
Supported in Paged Media
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
50 | 65 | 10 | 12 | 10 |
see
https://developer.mozilla.org/docs/Web/CSS/break-after
Inherited from: CSS.PropertiesFallback.breakAfter
Defined in: node_modules/csstype/index.d.ts:1188
breakBefore
• Optional
breakBefore: left | right | all | -moz-initial | inherit | initial | revert | unset | auto | always | avoid | avoid-column | avoid-page | avoid-region | column | page | recto | region | verso | (undefined | left | right | all | -moz-initial | inherit | initial | revert | unset | auto | always | avoid | avoid-column | avoid-page | avoid-region | column | page | recto | region | verso)[]
The break-before
CSS property sets how page, column, or region breaks should behave before a generated box. If there is no generated box, the property is ignored.
Syntax: auto | avoid | always | all | avoid-page | page | left | right | recto | verso | avoid-column | column | avoid-region | region
Initial value: auto
Supported in Multi-column Layout
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
50 | 65 | No | 12 | 10 |
Supported in Paged Media
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
50 | 65 | 10 | 12 | 10 |
see
https://developer.mozilla.org/docs/Web/CSS/break-before
Inherited from: CSS.PropertiesFallback.breakBefore
Defined in: node_modules/csstype/index.d.ts:1216
breakInside
• Optional
breakInside: -moz-initial | inherit | initial | revert | unset | auto | avoid | avoid-column | avoid-page | avoid-region | (undefined | -moz-initial | inherit | initial | revert | unset | auto | avoid | avoid-column | avoid-page | avoid-region)[]
The break-inside
CSS property sets how page, column, or region breaks should behave inside a generated box. If there is no generated box, the property is ignored.
Syntax: auto | avoid | avoid-page | avoid-column | avoid-region
Initial value: auto
Supported in Multi-column Layout
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
50 | 65 | 10 | 12 | 10 |
Supported in Paged Media
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
50 | 65 | 10 | 12 | 10 |
see
https://developer.mozilla.org/docs/Web/CSS/break-inside
Inherited from: CSS.PropertiesFallback.breakInside
Defined in: node_modules/csstype/index.d.ts:1244
caption-side
• Optional
caption-side: bottom | top | -moz-initial | inherit | initial | revert | unset | block-end | block-start | inline-end | inline-start | (undefined | bottom | top | -moz-initial | inherit | initial | revert | unset | block-end | block-start | inline-end | inline-start)[]
The caption-side
CSS property puts the content of a table's <caption>
on the specified side. The values are relative to the writing-mode
of the table.
Syntax: top | bottom | block-start | block-end | inline-start | inline-end
Initial value: top
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 8 |
see
https://developer.mozilla.org/docs/Web/CSS/caption-side
Inherited from: CSS.PropertiesHyphenFallback.caption-side
Defined in: node_modules/csstype/index.d.ts:9959
captionSide
• Optional
captionSide: bottom | top | -moz-initial | inherit | initial | revert | unset | block-end | block-start | inline-end | inline-start | (undefined | bottom | top | -moz-initial | inherit | initial | revert | unset | block-end | block-start | inline-end | inline-start)[]
The caption-side
CSS property puts the content of a table's <caption>
on the specified side. The values are relative to the writing-mode
of the table.
Syntax: top | bottom | block-start | block-end | inline-start | inline-end
Initial value: top
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 8 |
see
https://developer.mozilla.org/docs/Web/CSS/caption-side
Inherited from: CSS.PropertiesFallback.captionSide
Defined in: node_modules/csstype/index.d.ts:1258
caret-color
• Optional
caret-color: -moz-initial | inherit | initial | revert | unset | string & {} | auto | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | auto | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
The caret-color
CSS property sets the color of the insertion caret, the visible marker where the next character typed will be inserted. This is sometimes referred to as the text input cursor. The caret appears in elements such as <input>
or those with the contenteditable
attribute. The caret is typically a thin vertical line that flashes to help make it more noticeable. By default, it is black, but its color can be altered with this property.
Syntax: auto | <color>
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
57 | 53 | 11.1 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/caret-color
Inherited from: CSS.PropertiesHyphenFallback.caret-color
Defined in: node_modules/csstype/index.d.ts:9973
caretColor
• Optional
caretColor: -moz-initial | inherit | initial | revert | unset | string & {} | auto | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | auto | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
The caret-color
CSS property sets the color of the insertion caret, the visible marker where the next character typed will be inserted. This is sometimes referred to as the text input cursor. The caret appears in elements such as <input>
or those with the contenteditable
attribute. The caret is typically a thin vertical line that flashes to help make it more noticeable. By default, it is black, but its color can be altered with this property.
Syntax: auto | <color>
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
57 | 53 | 11.1 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/caret-color
Inherited from: CSS.PropertiesFallback.caretColor
Defined in: node_modules/csstype/index.d.ts:1272
clear
• Optional
clear: left | right | -moz-initial | inherit | initial | revert | unset | both | none | inline-end | inline-start | (undefined | left | right | -moz-initial | inherit | initial | revert | unset | both | none | inline-end | inline-start)[]
The clear
CSS property sets whether an element must be moved below (cleared) floating elements that precede it. The clear
property applies to floating and non-floating elements.
Syntax: none | left | right | both | inline-start | inline-end
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/clear
Inherited from: CSS.PropertiesFallback.clear
Defined in: node_modules/csstype/index.d.ts:1286
clip
• Optional
clip: -moz-initial | inherit | initial | revert | unset | string & {} | auto | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | auto)[]
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
Inherited from: CSS.PropertiesFallback.clip
Defined in: node_modules/csstype/index.d.ts:7736
clip-path
• Optional
clip-path: -moz-initial | inherit | initial | revert | unset | string & {} | none | border-box | content-box | padding-box | fill-box | margin-box | stroke-box | view-box | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none | border-box | content-box | padding-box | fill-box | margin-box | stroke-box | view-box)[]
The **clip-path**
CSS property creates a clipping region that sets what part of an element should be shown. Parts that are inside the region are shown, while those outside are hidden.
Syntax: <clip-source> | [ <basic-shape> || <geometry-box> ] | none
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
55 | 3.5 | 9.1 | 12 | 10 |
23 -x- | 6.1 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/clip-path
Inherited from: CSS.PropertiesHyphenFallback.clip-path
Defined in: node_modules/csstype/index.d.ts:10001
clip-rule
• Optional
clip-rule: -moz-initial | inherit | initial | revert | unset | evenodd | nonzero | (undefined | -moz-initial | inherit | initial | revert | unset | evenodd | nonzero)[]
Inherited from: CSS.PropertiesHyphenFallback.clip-rule
Defined in: node_modules/csstype/index.d.ts:17376
clipPath
• Optional
clipPath: -moz-initial | inherit | initial | revert | unset | string & {} | none | border-box | content-box | padding-box | fill-box | margin-box | stroke-box | view-box | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none | border-box | content-box | padding-box | fill-box | margin-box | stroke-box | view-box)[]
The **clip-path**
CSS property creates a clipping region that sets what part of an element should be shown. Parts that are inside the region are shown, while those outside are hidden.
Syntax: <clip-source> | [ <basic-shape> || <geometry-box> ] | none
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
55 | 3.5 | 9.1 | 12 | 10 |
23 -x- | 6.1 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/clip-path
Inherited from: CSS.PropertiesFallback.clipPath
Defined in: node_modules/csstype/index.d.ts:1301
clipRule
• Optional
clipRule: -moz-initial | inherit | initial | revert | unset | evenodd | nonzero | (undefined | -moz-initial | inherit | initial | revert | unset | evenodd | nonzero)[]
Inherited from: CSS.PropertiesFallback.clipRule
Defined in: node_modules/csstype/index.d.ts:8660
color
• Optional
color: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
The color
CSS property sets the foreground color value of an element's text and text decorations, and sets the <currentcolor>
value. currentcolor
may be used as an indirect value on other properties and is the default for other color properties, such as border-color
.
Syntax: <color>
Initial value: Varies from one browser to another
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 3 |
see
https://developer.mozilla.org/docs/Web/CSS/color
Inherited from: CSS.PropertiesFallback.color
Defined in: node_modules/csstype/index.d.ts:1315
color-adjust
• Optional
color-adjust: -moz-initial | inherit | initial | revert | unset | economy | exact | (undefined | -moz-initial | inherit | initial | revert | unset | economy | exact)[]
The color-adjust
CSS property sets what, if anything, the user agent may do to optimize the appearance of the element on the output device. By default, the browser is allowed to make any adjustments to the element's appearance it determines to be necessary and prudent given the type and capabilities of the output device.
Syntax: economy | exact
Initial value: economy
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
49 (-webkit-print-color-adjust) | 48 | 6 (-webkit-print-color-adjust) | 79 (-webkit-print-color-adjust) | No |
see
https://developer.mozilla.org/docs/Web/CSS/color-adjust
Inherited from: CSS.PropertiesHyphenFallback.color-adjust
Defined in: node_modules/csstype/index.d.ts:10030
color-interpolation
• Optional
color-interpolation: -moz-initial | inherit | initial | revert | unset | auto | linearRGB | sRGB | (undefined | -moz-initial | inherit | initial | revert | unset | auto | linearRGB | sRGB)[]
Inherited from: CSS.PropertiesHyphenFallback.color-interpolation
Defined in: node_modules/csstype/index.d.ts:17378
color-rendering
• Optional
color-rendering: -moz-initial | inherit | initial | revert | unset | auto | optimizeSpeed | optimizeQuality | (undefined | -moz-initial | inherit | initial | revert | unset | auto | optimizeSpeed | optimizeQuality)[]
Inherited from: CSS.PropertiesHyphenFallback.color-rendering
Defined in: node_modules/csstype/index.d.ts:17379
colorAdjust
• Optional
colorAdjust: -moz-initial | inherit | initial | revert | unset | economy | exact | (undefined | -moz-initial | inherit | initial | revert | unset | economy | exact)[]
The color-adjust
CSS property sets what, if anything, the user agent may do to optimize the appearance of the element on the output device. By default, the browser is allowed to make any adjustments to the element's appearance it determines to be necessary and prudent given the type and capabilities of the output device.
Syntax: economy | exact
Initial value: economy
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
49 (-webkit-print-color-adjust) | 48 | 6 (-webkit-print-color-adjust) | 79 (-webkit-print-color-adjust) | No |
see
https://developer.mozilla.org/docs/Web/CSS/color-adjust
Inherited from: CSS.PropertiesFallback.colorAdjust
Defined in: node_modules/csstype/index.d.ts:1329
colorInterpolation
• Optional
colorInterpolation: -moz-initial | inherit | initial | revert | unset | auto | linearRGB | sRGB | (undefined | -moz-initial | inherit | initial | revert | unset | auto | linearRGB | sRGB)[]
Inherited from: CSS.PropertiesFallback.colorInterpolation
Defined in: node_modules/csstype/index.d.ts:8662
colorRendering
• Optional
colorRendering: -moz-initial | inherit | initial | revert | unset | auto | optimizeSpeed | optimizeQuality | (undefined | -moz-initial | inherit | initial | revert | unset | auto | optimizeSpeed | optimizeQuality)[]
Inherited from: CSS.PropertiesFallback.colorRendering
Defined in: node_modules/csstype/index.d.ts:8663
column-count
• Optional
column-count: -moz-initial | inherit | initial | revert | unset | auto | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | auto | number & {})[]
The column-count
CSS property breaks an element's content into the specified number of columns.
Syntax: <integer> | auto
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
50 | 52 | 9 | 12 | 10 |
1 -x- | 3 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/column-count
Inherited from: CSS.PropertiesHyphenFallback.column-count
Defined in: node_modules/csstype/index.d.ts:10044
column-fill
• Optional
column-fill: -moz-initial | inherit | initial | revert | unset | auto | balance | (undefined | -moz-initial | inherit | initial | revert | unset | auto | balance)[]
The column-fill
CSS property controls how an element's contents are balanced when broken into columns.
Syntax: auto | balance | balance-all
Initial value: balance
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
50 | 52 | 9 | 12 | 10 |
8 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/column-fill
Inherited from: CSS.PropertiesHyphenFallback.column-fill
Defined in: node_modules/csstype/index.d.ts:10059
column-gap
• Optional
column-gap: string | string & {} | (undefined | string | string & {})[]
The column-gap
CSS property sets the size of the gap (gutter) between an element's columns.
Syntax: normal | <length-percentage>
Initial value: normal
Supported in Flex Layout
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
84 | 63 | No | 84 | No |
Supported in Grid Layout
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
66 | 61 | 12.1 | 16 | No |
57 (grid-column-gap) | 52 (grid-column-gap) | 10.1 (grid-column-gap) |
Supported in Multi-column Layout
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
50 | 52 | 10 | 12 | 10 |
1 -x- | 3 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/column-gap
Inherited from: CSS.PropertiesHyphenFallback.column-gap
Defined in: node_modules/csstype/index.d.ts:10074
column-rule
• Optional
column-rule: string | string & {} | (undefined | string | string & {})[]
The column-rule
shorthand CSS property sets the width, style, and color of the line drawn between columns in a multi-column layout.
Syntax: <'column-rule-width'> || <'column-rule-style'> || <'column-rule-color'>
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
50 | 52 | 9 | 12 | 10 |
1 -x- | 3 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/column-rule
Inherited from: CSS.PropertiesHyphenFallback.column-rule
Defined in: node_modules/csstype/index.d.ts:14040
column-rule-color
• Optional
column-rule-color: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
The column-rule-color
CSS property sets the color of the line drawn between columns in a multi-column layout.
Syntax: <color>
Initial value: currentcolor
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
50 | 52 | 9 | 12 | 10 |
1 -x- | 3 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/column-rule-color
Inherited from: CSS.PropertiesHyphenFallback.column-rule-color
Defined in: node_modules/csstype/index.d.ts:10112
column-rule-style
• Optional
column-rule-style: inset | -moz-initial | inherit | initial | revert | unset | string & {} | none | hidden | dashed | dotted | double | groove | outset | ridge | solid | (undefined | inset | -moz-initial | inherit | initial | revert | unset | string & {} | none | hidden | dashed | dotted | double | groove | outset | ridge | solid)[]
The column-rule-style
CSS property sets the style of the line drawn between columns in a multi-column layout.
Syntax: <'border-style'>
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
50 | 52 | 9 | 12 | 10 |
1 -x- | 3 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/column-rule-style
Inherited from: CSS.PropertiesHyphenFallback.column-rule-style
Defined in: node_modules/csstype/index.d.ts:10127
column-rule-width
• Optional
column-rule-width: string | string & {} | (undefined | string | string & {})[]
The column-rule-width
CSS property sets the width of the line drawn between columns in a multi-column layout.
Syntax: <'border-width'>
Initial value: medium
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
50 | 52 | 9 | 12 | 10 |
1 -x- | 3 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/column-rule-width
Inherited from: CSS.PropertiesHyphenFallback.column-rule-width
Defined in: node_modules/csstype/index.d.ts:10142
column-span
• Optional
column-span: all | -moz-initial | inherit | initial | revert | unset | none | (undefined | all | -moz-initial | inherit | initial | revert | unset | none)[]
The column-span
CSS property makes it possible for an element to span across all columns when its value is set to all
.
Syntax: none | all
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
50 | 71 | 9 | 12 | 10 |
6 -x- | 5.1 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/column-span
Inherited from: CSS.PropertiesHyphenFallback.column-span
Defined in: node_modules/csstype/index.d.ts:10157
column-width
• Optional
column-width: string | (undefined | string)[]
The column-width
CSS property sets the ideal column width in a multi-column layout. The container will have as many columns as can fit without any of them having a width less than the column-width
value. If the width of the container is narrower than the specified value, the single column's width will be smaller than the declared column width.
Syntax: <length> | auto
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
50 | 50 | 9 | 12 | 10 |
1 -x- | 3 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/column-width
Inherited from: CSS.PropertiesHyphenFallback.column-width
Defined in: node_modules/csstype/index.d.ts:10172
columnCount
• Optional
columnCount: -moz-initial | inherit | initial | revert | unset | auto | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | auto | number & {})[]
The column-count
CSS property breaks an element's content into the specified number of columns.
Syntax: <integer> | auto
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
50 | 52 | 9 | 12 | 10 |
1 -x- | 3 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/column-count
Inherited from: CSS.PropertiesFallback.columnCount
Defined in: node_modules/csstype/index.d.ts:1344
columnFill
• Optional
columnFill: -moz-initial | inherit | initial | revert | unset | auto | balance | (undefined | -moz-initial | inherit | initial | revert | unset | auto | balance)[]
The column-fill
CSS property controls how an element's contents are balanced when broken into columns.
Syntax: auto | balance | balance-all
Initial value: balance
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
50 | 52 | 9 | 12 | 10 |
8 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/column-fill
Inherited from: CSS.PropertiesFallback.columnFill
Defined in: node_modules/csstype/index.d.ts:1359
columnGap
• Optional
columnGap: string | string & {} | (undefined | string | string & {})[]
The column-gap
CSS property sets the size of the gap (gutter) between an element's columns.
Syntax: normal | <length-percentage>
Initial value: normal
Supported in Flex Layout
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
84 | 63 | No | 84 | No |
Supported in Grid Layout
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
66 | 61 | 12.1 | 16 | No |
57 (grid-column-gap) | 52 (grid-column-gap) | 10.1 (grid-column-gap) |
Supported in Multi-column Layout
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
50 | 52 | 10 | 12 | 10 |
1 -x- | 3 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/column-gap
Inherited from: CSS.PropertiesFallback.columnGap
Defined in: node_modules/csstype/index.d.ts:1397
columnRule
• Optional
columnRule: string | string & {} | (undefined | string | string & {})[]
The column-rule
shorthand CSS property sets the width, style, and color of the line drawn between columns in a multi-column layout.
Syntax: <'column-rule-width'> || <'column-rule-style'> || <'column-rule-color'>
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
50 | 52 | 9 | 12 | 10 |
1 -x- | 3 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/column-rule
Inherited from: CSS.PropertiesFallback.columnRule
Defined in: node_modules/csstype/index.d.ts:5338
columnRuleColor
• Optional
columnRuleColor: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
The column-rule-color
CSS property sets the color of the line drawn between columns in a multi-column layout.
Syntax: <color>
Initial value: currentcolor
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
50 | 52 | 9 | 12 | 10 |
1 -x- | 3 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/column-rule-color
Inherited from: CSS.PropertiesFallback.columnRuleColor
Defined in: node_modules/csstype/index.d.ts:1412
columnRuleStyle
• Optional
columnRuleStyle: inset | -moz-initial | inherit | initial | revert | unset | string & {} | none | hidden | dashed | dotted | double | groove | outset | ridge | solid | (undefined | inset | -moz-initial | inherit | initial | revert | unset | string & {} | none | hidden | dashed | dotted | double | groove | outset | ridge | solid)[]
The column-rule-style
CSS property sets the style of the line drawn between columns in a multi-column layout.
Syntax: <'border-style'>
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
50 | 52 | 9 | 12 | 10 |
1 -x- | 3 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/column-rule-style
Inherited from: CSS.PropertiesFallback.columnRuleStyle
Defined in: node_modules/csstype/index.d.ts:1427
columnRuleWidth
• Optional
columnRuleWidth: string | string & {} | (undefined | string | string & {})[]
The column-rule-width
CSS property sets the width of the line drawn between columns in a multi-column layout.
Syntax: <'border-width'>
Initial value: medium
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
50 | 52 | 9 | 12 | 10 |
1 -x- | 3 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/column-rule-width
Inherited from: CSS.PropertiesFallback.columnRuleWidth
Defined in: node_modules/csstype/index.d.ts:1442
columnSpan
• Optional
columnSpan: all | -moz-initial | inherit | initial | revert | unset | none | (undefined | all | -moz-initial | inherit | initial | revert | unset | none)[]
The column-span
CSS property makes it possible for an element to span across all columns when its value is set to all
.
Syntax: none | all
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
50 | 71 | 9 | 12 | 10 |
6 -x- | 5.1 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/column-span
Inherited from: CSS.PropertiesFallback.columnSpan
Defined in: node_modules/csstype/index.d.ts:1457
columnWidth
• Optional
columnWidth: string | (undefined | string)[]
The column-width
CSS property sets the ideal column width in a multi-column layout. The container will have as many columns as can fit without any of them having a width less than the column-width
value. If the width of the container is narrower than the specified value, the single column's width will be smaller than the declared column width.
Syntax: <length> | auto
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
50 | 50 | 9 | 12 | 10 |
1 -x- | 3 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/column-width
Inherited from: CSS.PropertiesFallback.columnWidth
Defined in: node_modules/csstype/index.d.ts:1472
columns
• Optional
columns: string | string & {} | number & {} | (undefined | string | string & {} | number & {})[]
The columns
CSS shorthand property sets the number of columns to use when drawing an element's contents, as well as those columns' widths.
Syntax: <'column-width'> || <'column-count'>
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
50 | 52 | 9 | 12 | 10 |
3 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/columns
Inherited from: CSS.PropertiesFallback.columns
Defined in: node_modules/csstype/index.d.ts:5351
contain
• Optional
contain: strict | content | -moz-initial | inherit | initial | revert | unset | string & {} | none | layout | paint | size | style | (undefined | strict | content | -moz-initial | inherit | initial | revert | unset | string & {} | none | layout | paint | size | style)[]
The contain
CSS property allows an author to indicate that an element and its contents are, as much as possible, independent of the rest of the document tree. This allows the browser to recalculate layout, style, paint, size, or any combination of them for a limited area of the DOM and not the entire page, leading to obvious performance benefits.
Syntax: none | strict | content | [ size || layout || style || paint ]
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
52 | 69 | No | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/contain
Inherited from: CSS.PropertiesFallback.contain
Defined in: node_modules/csstype/index.d.ts:1486
content
• Optional
content: -moz-initial | inherit | initial | revert | unset | normal | string & {} | none | close-quote | no-close-quote | no-open-quote | open-quote | contents | (undefined | -moz-initial | inherit | initial | revert | unset | normal | string & {} | none | close-quote | no-close-quote | no-open-quote | open-quote | contents)[]
The content
CSS property replaces an element with a generated value. Objects inserted using the content
property are anonymous replaced elements.
Syntax: normal | none | [ <content-replacement> | <content-list> ] [/ <string> ]?
Initial value: normal
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 8 |
see
https://developer.mozilla.org/docs/Web/CSS/content
Inherited from: CSS.PropertiesFallback.content
Defined in: node_modules/csstype/index.d.ts:1500
content-visibility
• Optional
content-visibility: -moz-initial | inherit | initial | revert | unset | auto | hidden | visible | (undefined | -moz-initial | inherit | initial | revert | unset | auto | hidden | visible)[]
The content-visibility
CSS property controls whether or not an element renders its contents at all, along with forcing a strong set of containments, allowing user agents to potentially omit large swathes of layout and rendering work until it becomes needed. Basically it enables the user agent to skip an element's rendering work, including layout and painting, until it is needed, makes the initial page load much faster.
Syntax: visible | auto | hidden
Initial value: visible
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
85 | No | No | 85 | No |
see
https://developer.mozilla.org/docs/Web/CSS/content-visibility
Inherited from: CSS.PropertiesHyphenFallback.content-visibility
Defined in: node_modules/csstype/index.d.ts:10215
contentVisibility
• Optional
contentVisibility: -moz-initial | inherit | initial | revert | unset | auto | hidden | visible | (undefined | -moz-initial | inherit | initial | revert | unset | auto | hidden | visible)[]
The content-visibility
CSS property controls whether or not an element renders its contents at all, along with forcing a strong set of containments, allowing user agents to potentially omit large swathes of layout and rendering work until it becomes needed. Basically it enables the user agent to skip an element's rendering work, including layout and painting, until it is needed, makes the initial page load much faster.
Syntax: visible | auto | hidden
Initial value: visible
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
85 | No | No | 85 | No |
see
https://developer.mozilla.org/docs/Web/CSS/content-visibility
Inherited from: CSS.PropertiesFallback.contentVisibility
Defined in: node_modules/csstype/index.d.ts:1514
counter-increment
• Optional
counter-increment: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
The counter-increment
CSS property increases or decreases the value of a CSS counter by a given value.
Syntax: [ <custom-ident> <integer>? ]+ | none
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
2 | 1 | 3 | 12 | 8 |
see
https://developer.mozilla.org/docs/Web/CSS/counter-increment
Inherited from: CSS.PropertiesHyphenFallback.counter-increment
Defined in: node_modules/csstype/index.d.ts:10229
counter-reset
• Optional
counter-reset: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
The counter-reset
CSS property resets a CSS counter to a given value.
Syntax: [ <custom-ident> <integer>? ]+ | none
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
2 | 1 | 3 | 12 | 8 |
see
https://developer.mozilla.org/docs/Web/CSS/counter-reset
Inherited from: CSS.PropertiesHyphenFallback.counter-reset
Defined in: node_modules/csstype/index.d.ts:10243
counter-set
• Optional
counter-set: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
The counter-set
CSS property sets a CSS counter to a given value. It manipulates the value of existing counters, and will only create new counters if there isn't already a counter of the given name on the element.
Syntax: [ <custom-ident> <integer>? ]+ | none
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
85 | 68 | No | 85 | No |
see
https://developer.mozilla.org/docs/Web/CSS/counter-set
Inherited from: CSS.PropertiesHyphenFallback.counter-set
Defined in: node_modules/csstype/index.d.ts:10257
counterIncrement
• Optional
counterIncrement: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
The counter-increment
CSS property increases or decreases the value of a CSS counter by a given value.
Syntax: [ <custom-ident> <integer>? ]+ | none
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
2 | 1 | 3 | 12 | 8 |
see
https://developer.mozilla.org/docs/Web/CSS/counter-increment
Inherited from: CSS.PropertiesFallback.counterIncrement
Defined in: node_modules/csstype/index.d.ts:1528
counterReset
• Optional
counterReset: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
The counter-reset
CSS property resets a CSS counter to a given value.
Syntax: [ <custom-ident> <integer>? ]+ | none
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
2 | 1 | 3 | 12 | 8 |
see
https://developer.mozilla.org/docs/Web/CSS/counter-reset
Inherited from: CSS.PropertiesFallback.counterReset
Defined in: node_modules/csstype/index.d.ts:1542
counterSet
• Optional
counterSet: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
The counter-set
CSS property sets a CSS counter to a given value. It manipulates the value of existing counters, and will only create new counters if there isn't already a counter of the given name on the element.
Syntax: [ <custom-ident> <integer>? ]+ | none
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
85 | 68 | No | 85 | No |
see
https://developer.mozilla.org/docs/Web/CSS/counter-set
Inherited from: CSS.PropertiesFallback.counterSet
Defined in: node_modules/csstype/index.d.ts:1556
cursor
• Optional
cursor: -moz-initial | inherit | initial | revert | unset | string & {} | auto | none | -moz-grab | -webkit-grab | alias | all-scroll | cell | col-resize | context-menu | copy | crosshair | default | e-resize | ew-resize | grab | grabbing | help | move | n-resize | ne-resize | nesw-resize | no-drop | not-allowed | ns-resize | nw-resize | nwse-resize | pointer | progress | row-resize | s-resize | se-resize | sw-resize | text | vertical-text | w-resize | wait | zoom-in | zoom-out | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | auto | none | -moz-grab | -webkit-grab | alias | all-scroll | cell | col-resize | context-menu | copy | crosshair | default | e-resize | ew-resize | grab | grabbing | help | move | n-resize | ne-resize | nesw-resize | no-drop | not-allowed | ns-resize | nw-resize | nwse-resize | pointer | progress | row-resize | s-resize | se-resize | sw-resize | text | vertical-text | w-resize | wait | zoom-in | zoom-out)[]
The cursor
CSS property sets the type of mouse cursor, if any, to show when the mouse pointer is over an element.
Syntax: [ [ <url> [ <x> <y> ]? , ]* [ auto | default | none | context-menu | help | pointer | progress | wait | cell | crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | e-resize | n-resize | ne-resize | nw-resize | s-resize | se-resize | sw-resize | w-resize | ew-resize | ns-resize | nesw-resize | nwse-resize | col-resize | row-resize | all-scroll | zoom-in | zoom-out | grab | grabbing ] ]
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1.2 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/cursor
Inherited from: CSS.PropertiesFallback.cursor
Defined in: node_modules/csstype/index.d.ts:1570
direction
• Optional
direction: -moz-initial | inherit | initial | revert | unset | ltr | rtl | (undefined | -moz-initial | inherit | initial | revert | unset | ltr | rtl)[]
The direction
CSS property sets the direction of text, table columns, and horizontal overflow. Use rtl
for languages written from right to left (like Hebrew or Arabic), and ltr
for those written from left to right (like English and most other languages).
Syntax: ltr | rtl
Initial value: ltr
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
2 | 1 | 1 | 12 | 5.5 |
see
https://developer.mozilla.org/docs/Web/CSS/direction
Inherited from: CSS.PropertiesFallback.direction
Defined in: node_modules/csstype/index.d.ts:1584
display
• Optional
display: flex | grid | -webkit-flex | -moz-initial | inherit | initial | revert | unset | string & {} | none | contents | block | inline | run-in | -ms-flexbox | -ms-grid | flow | flow-root | ruby | table | ruby-base | ruby-base-container | ruby-text | ruby-text-container | table-caption | table-cell | table-column | table-column-group | table-footer-group | table-header-group | table-row | table-row-group | -ms-inline-flexbox | -ms-inline-grid | -webkit-inline-flex | inline-block | inline-flex | inline-grid | inline-list-item | inline-table | list-item | (undefined | flex | grid | -webkit-flex | -moz-initial | inherit | initial | revert | unset | string & {} | none | contents | block | inline | run-in | -ms-flexbox | -ms-grid | flow | flow-root | ruby | table | ruby-base | ruby-base-container | ruby-text | ruby-text-container | table-caption | table-cell | table-column | table-column-group | table-footer-group | table-header-group | table-row | table-row-group | -ms-inline-flexbox | -ms-inline-grid | -webkit-inline-flex | inline-block | inline-flex | inline-grid | inline-list-item | inline-table | list-item)[]
The display
CSS property sets whether an element is treated as a block or inline element and the layout used for its children, such as flow layout, grid or flex.
Syntax: [ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy>
Initial value: inline
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/display
Inherited from: CSS.PropertiesFallback.display
Defined in: node_modules/csstype/index.d.ts:1598
dominant-baseline
• Optional
dominant-baseline: -moz-initial | inherit | initial | revert | unset | auto | middle | alphabetic | central | hanging | ideographic | mathematical | text-after-edge | text-before-edge | no-change | reset-size | use-script | (undefined | -moz-initial | inherit | initial | revert | unset | auto | middle | alphabetic | central | hanging | ideographic | mathematical | text-after-edge | text-before-edge | no-change | reset-size | use-script)[]
Inherited from: CSS.PropertiesHyphenFallback.dominant-baseline
Defined in: node_modules/csstype/index.d.ts:17383
dominantBaseline
• Optional
dominantBaseline: -moz-initial | inherit | initial | revert | unset | auto | middle | alphabetic | central | hanging | ideographic | mathematical | text-after-edge | text-before-edge | no-change | reset-size | use-script | (undefined | -moz-initial | inherit | initial | revert | unset | auto | middle | alphabetic | central | hanging | ideographic | mathematical | text-after-edge | text-before-edge | no-change | reset-size | use-script)[]
Inherited from: CSS.PropertiesFallback.dominantBaseline
Defined in: node_modules/csstype/index.d.ts:8667
empty-cells
• Optional
empty-cells: -moz-initial | inherit | initial | revert | unset | hide | show | (undefined | -moz-initial | inherit | initial | revert | unset | hide | show)[]
The empty-cells
CSS property sets whether borders and backgrounds appear around <table>
cells that have no visible content.
Syntax: show | hide
Initial value: show
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1.2 | 12 | 8 |
see
https://developer.mozilla.org/docs/Web/CSS/empty-cells
Inherited from: CSS.PropertiesHyphenFallback.empty-cells
Defined in: node_modules/csstype/index.d.ts:10313
emptyCells
• Optional
emptyCells: -moz-initial | inherit | initial | revert | unset | hide | show | (undefined | -moz-initial | inherit | initial | revert | unset | hide | show)[]
The empty-cells
CSS property sets whether borders and backgrounds appear around <table>
cells that have no visible content.
Syntax: show | hide
Initial value: show
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1.2 | 12 | 8 |
see
https://developer.mozilla.org/docs/Web/CSS/empty-cells
Inherited from: CSS.PropertiesFallback.emptyCells
Defined in: node_modules/csstype/index.d.ts:1612
fill
• Optional
fill: -moz-initial | inherit | initial | revert | unset | string & {} | none | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | child | context-fill | context-stroke | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | child | context-fill | context-stroke)[]
Inherited from: CSS.PropertiesFallback.fill
Defined in: node_modules/csstype/index.d.ts:8668
fill-opacity
• Optional
fill-opacity: -moz-initial | inherit | initial | revert | unset | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | number & {})[]
Inherited from: CSS.PropertiesHyphenFallback.fill-opacity
Defined in: node_modules/csstype/index.d.ts:17385
fill-rule
• Optional
fill-rule: -moz-initial | inherit | initial | revert | unset | evenodd | nonzero | (undefined | -moz-initial | inherit | initial | revert | unset | evenodd | nonzero)[]
Inherited from: CSS.PropertiesHyphenFallback.fill-rule
Defined in: node_modules/csstype/index.d.ts:17386
fillOpacity
• Optional
fillOpacity: -moz-initial | inherit | initial | revert | unset | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | number & {})[]
Inherited from: CSS.PropertiesFallback.fillOpacity
Defined in: node_modules/csstype/index.d.ts:8669
fillRule
• Optional
fillRule: -moz-initial | inherit | initial | revert | unset | evenodd | nonzero | (undefined | -moz-initial | inherit | initial | revert | unset | evenodd | nonzero)[]
Inherited from: CSS.PropertiesFallback.fillRule
Defined in: node_modules/csstype/index.d.ts:8670
filter
• Optional
filter: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
The filter
CSS property applies graphical effects like blur or color shift to an element. Filters are commonly used to adjust the rendering of images, backgrounds, and borders.
Syntax: none | <filter-function-list>
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
53 | 35 | 9.1 | 12 | No |
18 -x- | 6 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/filter
Inherited from: CSS.PropertiesFallback.filter
Defined in: node_modules/csstype/index.d.ts:1627
flex
• Optional
flex: string | string & {} | number & {} | (undefined | string | string & {} | number & {})[]
The flex
CSS shorthand property sets how a flex item will grow or shrink to fit the space available in its flex container.
Syntax: none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
29 | 20 | 9 | 12 | 11 |
21 -x- | 6.1 -x- | 10 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/flex
Inherited from: CSS.PropertiesFallback.flex
Defined in: node_modules/csstype/index.d.ts:5364
flex-basis
• Optional
flex-basis: string | string & {} | (undefined | string | string & {})[]
The flex-basis
CSS property sets the initial main size of a flex item. It sets the size of the content box unless otherwise set with box-sizing
.
Syntax: content | <'width'>
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
29 | 22 | 9 | 12 | 11 |
22 -x- | 7 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/flex-basis
Inherited from: CSS.PropertiesHyphenFallback.flex-basis
Defined in: node_modules/csstype/index.d.ts:10342
flex-direction
• Optional
flex-direction: -moz-initial | inherit | initial | revert | unset | column | column-reverse | row | row-reverse | (undefined | -moz-initial | inherit | initial | revert | unset | column | column-reverse | row | row-reverse)[]
The flex-direction
CSS property sets how flex items are placed in the flex container defining the main axis and the direction (normal or reversed).
Syntax: row | row-reverse | column | column-reverse
Initial value: row
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
29 | 20 | 9 | 12 | 11 |
21 -x- | 7 -x- | 10 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/flex-direction
Inherited from: CSS.PropertiesHyphenFallback.flex-direction
Defined in: node_modules/csstype/index.d.ts:10357
flex-flow
• Optional
flex-flow: -moz-initial | inherit | initial | revert | unset | string & {} | column | column-reverse | row | row-reverse | nowrap | wrap | wrap-reverse | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | column | column-reverse | row | row-reverse | nowrap | wrap | wrap-reverse)[]
The flex-flow
CSS shorthand property specifies the direction of a flex container, as well as its wrapping behavior.
Syntax: <'flex-direction'> || <'flex-wrap'>
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
29 | 28 | 9 | 12 | 11 |
21 -x- | 6.1 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/flex-flow
Inherited from: CSS.PropertiesHyphenFallback.flex-flow
Defined in: node_modules/csstype/index.d.ts:14079
flex-grow
• Optional
flex-grow: -moz-initial | inherit | initial | revert | unset | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | number & {})[]
The flex-grow
CSS property sets the flex grow factor of a flex item main size.
Syntax: <number>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
29 | 20 | 9 | 12 | 11 |
22 -x- | 6.1 -x- | 10 (-ms-flex-positive) |
see
https://developer.mozilla.org/docs/Web/CSS/flex-grow
Inherited from: CSS.PropertiesHyphenFallback.flex-grow
Defined in: node_modules/csstype/index.d.ts:10372
flex-shrink
• Optional
flex-shrink: -moz-initial | inherit | initial | revert | unset | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | number & {})[]
The flex-shrink
CSS property sets the flex shrink factor of a flex item. If the size of all flex items is larger than the flex container, items shrink to fit according to flex-shrink
.
Syntax: <number>
Initial value: 1
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
29 | 20 | 9 | 12 | 10 |
22 -x- | 8 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/flex-shrink
Inherited from: CSS.PropertiesHyphenFallback.flex-shrink
Defined in: node_modules/csstype/index.d.ts:10387
flex-wrap
• Optional
flex-wrap: -moz-initial | inherit | initial | revert | unset | nowrap | wrap | wrap-reverse | (undefined | -moz-initial | inherit | initial | revert | unset | nowrap | wrap | wrap-reverse)[]
The flex-wrap
CSS property sets whether flex items are forced onto one line or can wrap onto multiple lines. If wrapping is allowed, it sets the direction that lines are stacked.
Syntax: nowrap | wrap | wrap-reverse
Initial value: nowrap
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
29 | 28 | 9 | 12 | 11 |
21 -x- | 6.1 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/flex-wrap
Inherited from: CSS.PropertiesHyphenFallback.flex-wrap
Defined in: node_modules/csstype/index.d.ts:10402
flexBasis
• Optional
flexBasis: string | string & {} | (undefined | string | string & {})[]
The flex-basis
CSS property sets the initial main size of a flex item. It sets the size of the content box unless otherwise set with box-sizing
.
Syntax: content | <'width'>
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
29 | 22 | 9 | 12 | 11 |
22 -x- | 7 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/flex-basis
Inherited from: CSS.PropertiesFallback.flexBasis
Defined in: node_modules/csstype/index.d.ts:1642
flexDirection
• Optional
flexDirection: -moz-initial | inherit | initial | revert | unset | column | column-reverse | row | row-reverse | (undefined | -moz-initial | inherit | initial | revert | unset | column | column-reverse | row | row-reverse)[]
The flex-direction
CSS property sets how flex items are placed in the flex container defining the main axis and the direction (normal or reversed).
Syntax: row | row-reverse | column | column-reverse
Initial value: row
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
29 | 20 | 9 | 12 | 11 |
21 -x- | 7 -x- | 10 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/flex-direction
Inherited from: CSS.PropertiesFallback.flexDirection
Defined in: node_modules/csstype/index.d.ts:1657
flexFlow
• Optional
flexFlow: -moz-initial | inherit | initial | revert | unset | string & {} | column | column-reverse | row | row-reverse | nowrap | wrap | wrap-reverse | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | column | column-reverse | row | row-reverse | nowrap | wrap | wrap-reverse)[]
The flex-flow
CSS shorthand property specifies the direction of a flex container, as well as its wrapping behavior.
Syntax: <'flex-direction'> || <'flex-wrap'>
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
29 | 28 | 9 | 12 | 11 |
21 -x- | 6.1 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/flex-flow
Inherited from: CSS.PropertiesFallback.flexFlow
Defined in: node_modules/csstype/index.d.ts:5377
flexGrow
• Optional
flexGrow: -moz-initial | inherit | initial | revert | unset | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | number & {})[]
The flex-grow
CSS property sets the flex grow factor of a flex item main size.
Syntax: <number>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
29 | 20 | 9 | 12 | 11 |
22 -x- | 6.1 -x- | 10 (-ms-flex-positive) |
see
https://developer.mozilla.org/docs/Web/CSS/flex-grow
Inherited from: CSS.PropertiesFallback.flexGrow
Defined in: node_modules/csstype/index.d.ts:1672
flexShrink
• Optional
flexShrink: -moz-initial | inherit | initial | revert | unset | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | number & {})[]
The flex-shrink
CSS property sets the flex shrink factor of a flex item. If the size of all flex items is larger than the flex container, items shrink to fit according to flex-shrink
.
Syntax: <number>
Initial value: 1
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
29 | 20 | 9 | 12 | 10 |
22 -x- | 8 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/flex-shrink
Inherited from: CSS.PropertiesFallback.flexShrink
Defined in: node_modules/csstype/index.d.ts:1687
flexWrap
• Optional
flexWrap: -moz-initial | inherit | initial | revert | unset | nowrap | wrap | wrap-reverse | (undefined | -moz-initial | inherit | initial | revert | unset | nowrap | wrap | wrap-reverse)[]
The flex-wrap
CSS property sets whether flex items are forced onto one line or can wrap onto multiple lines. If wrapping is allowed, it sets the direction that lines are stacked.
Syntax: nowrap | wrap | wrap-reverse
Initial value: nowrap
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
29 | 28 | 9 | 12 | 11 |
21 -x- | 6.1 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/flex-wrap
Inherited from: CSS.PropertiesFallback.flexWrap
Defined in: node_modules/csstype/index.d.ts:1702
float
• Optional
float: left | right | -moz-initial | inherit | initial | revert | unset | none | inline-end | inline-start | (undefined | left | right | -moz-initial | inherit | initial | revert | unset | none | inline-end | inline-start)[]
The float
CSS property places an element on the left or right side of its container, allowing text and inline elements to wrap around it. The element is removed from the normal flow of the page, though still remaining a part of the flow (in contrast to absolute positioning).
Syntax: left | right | none | inline-start | inline-end
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/float
Inherited from: CSS.PropertiesFallback.float
Defined in: node_modules/csstype/index.d.ts:1716
flood-color
• Optional
flood-color: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | currentColor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | currentColor)[]
Inherited from: CSS.PropertiesHyphenFallback.flood-color
Defined in: node_modules/csstype/index.d.ts:17388
flood-opacity
• Optional
flood-opacity: -moz-initial | inherit | initial | revert | unset | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | number & {})[]
Inherited from: CSS.PropertiesHyphenFallback.flood-opacity
Defined in: node_modules/csstype/index.d.ts:17389
floodColor
• Optional
floodColor: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | currentColor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | currentColor)[]
Inherited from: CSS.PropertiesFallback.floodColor
Defined in: node_modules/csstype/index.d.ts:8672
floodOpacity
• Optional
floodOpacity: -moz-initial | inherit | initial | revert | unset | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | number & {})[]
Inherited from: CSS.PropertiesFallback.floodOpacity
Defined in: node_modules/csstype/index.d.ts:8673
font
• Optional
font: -moz-initial | inherit | initial | revert | unset | string & {} | caption | icon | menu | message-box | small-caption | status-bar | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | caption | icon | menu | message-box | small-caption | status-bar)[]
The font
CSS shorthand property sets all the different properties of an element's font. Alternatively, it sets an element's font to a system font.
Syntax: [ [ <'font-style'> || <font-variant-css21> || <'font-weight'> || <'font-stretch'> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ] | caption | icon | menu | message-box | small-caption | status-bar
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 3 |
see
https://developer.mozilla.org/docs/Web/CSS/font
Inherited from: CSS.PropertiesFallback.font
Defined in: node_modules/csstype/index.d.ts:5389
font-family
• Optional
font-family: -moz-initial | inherit | initial | revert | unset | string & {} | cursive | fantasy | monospace | sans-serif | serif | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | cursive | fantasy | monospace | sans-serif | serif)[]
The font-family
CSS property specifies a prioritized list of one or more font family names and/or generic family names for the selected element.
Syntax: [ <family-name> | <generic-family> ]#
Initial value: depends on user agent
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 3 |
see
https://developer.mozilla.org/docs/Web/CSS/font-family
Inherited from: CSS.PropertiesHyphenFallback.font-family
Defined in: node_modules/csstype/index.d.ts:10431
font-feature-settings
• Optional
font-feature-settings: -moz-initial | inherit | initial | revert | unset | normal | string & {} | (undefined | -moz-initial | inherit | initial | revert | unset | normal | string & {})[]
The font-feature-settings
CSS property controls advanced typographic features in OpenType fonts.
Syntax: normal | <feature-tag-value>#
Initial value: normal
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
48 | 34 | 9.1 | 15 | 10 |
16 -x- | 15 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/font-feature-settings
Inherited from: CSS.PropertiesHyphenFallback.font-feature-settings
Defined in: node_modules/csstype/index.d.ts:10445
font-kerning
• Optional
font-kerning: -moz-initial | inherit | initial | revert | unset | normal | auto | none | (undefined | -moz-initial | inherit | initial | revert | unset | normal | auto | none)[]
The font-kerning
CSS property sets the use of the kerning information stored in a font.
Syntax: auto | normal | none
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
33 | 32 | 9 | 79 | No |
6 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/font-kerning
Inherited from: CSS.PropertiesHyphenFallback.font-kerning
Defined in: node_modules/csstype/index.d.ts:10460
font-language-override
• Optional
font-language-override: -moz-initial | inherit | initial | revert | unset | normal | string & {} | (undefined | -moz-initial | inherit | initial | revert | unset | normal | string & {})[]
The font-language-override
CSS property controls the use of language-specific glyphs in a typeface.
Syntax: normal | <string>
Initial value: normal
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
No | 34 | No | No | No |
4 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/font-language-override
Inherited from: CSS.PropertiesHyphenFallback.font-language-override
Defined in: node_modules/csstype/index.d.ts:10475
font-optical-sizing
• Optional
font-optical-sizing: -moz-initial | inherit | initial | revert | unset | auto | none | (undefined | -moz-initial | inherit | initial | revert | unset | auto | none)[]
The font-optical-sizing
CSS property sets whether text rendering is optimized for viewing at different sizes.
Syntax: auto | none
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
79 | 62 | 11 | 17 | No |
see
https://developer.mozilla.org/docs/Web/CSS/font-optical-sizing
Inherited from: CSS.PropertiesHyphenFallback.font-optical-sizing
Defined in: node_modules/csstype/index.d.ts:10490
font-size
• Optional
font-size: string | string & {} | (undefined | string | string & {})[]
The font-size
CSS property sets the size of the font. Changing the font size also updates the sizes of the font size-relative <length>
units, such as em
, ex
, and so forth.
Syntax: <absolute-size> | <relative-size> | <length-percentage>
Initial value: medium
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 5.5 |
see
https://developer.mozilla.org/docs/Web/CSS/font-size
Inherited from: CSS.PropertiesHyphenFallback.font-size
Defined in: node_modules/csstype/index.d.ts:10504
font-size-adjust
• Optional
font-size-adjust: -moz-initial | inherit | initial | revert | unset | none | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | none | number & {})[]
The font-size-adjust
CSS property sets the size of lower-case letters relative to the current font size (which defines the size of upper-case letters).
Syntax: none | <number>
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
n/a | 1 | No | n/a | No |
see
https://developer.mozilla.org/docs/Web/CSS/font-size-adjust
Inherited from: CSS.PropertiesHyphenFallback.font-size-adjust
Defined in: node_modules/csstype/index.d.ts:10518
font-smooth
• Optional
font-smooth: string | (undefined | string)[]
The font-smooth
CSS property controls the application of anti-aliasing when fonts are rendered.
Syntax: auto | never | always | <absolute-size> | <length>
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
5 (-webkit-font-smoothing) | 25 (-moz-osx-font-smoothing) | 4 (-webkit-font-smoothing) | 79 (-webkit-font-smoothing) | No |
see
https://developer.mozilla.org/docs/Web/CSS/font-smooth
Inherited from: CSS.PropertiesHyphenFallback.font-smooth
Defined in: node_modules/csstype/index.d.ts:10532
font-stretch
• Optional
font-stretch: -moz-initial | inherit | initial | revert | unset | normal | string & {} | condensed | expanded | extra-condensed | extra-expanded | semi-condensed | semi-expanded | ultra-condensed | ultra-expanded | (undefined | -moz-initial | inherit | initial | revert | unset | normal | string & {} | condensed | expanded | extra-condensed | extra-expanded | semi-condensed | semi-expanded | ultra-condensed | ultra-expanded)[]
The font-stretch
CSS property selects a normal, condensed, or expanded face from a font.
Syntax: <font-stretch-absolute>
Initial value: normal
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
60 | 9 | 11 | 12 | 9 |
see
https://developer.mozilla.org/docs/Web/CSS/font-stretch
Inherited from: CSS.PropertiesHyphenFallback.font-stretch
Defined in: node_modules/csstype/index.d.ts:10546
font-style
• Optional
font-style: -moz-initial | inherit | initial | revert | unset | normal | string & {} | italic | oblique | (undefined | -moz-initial | inherit | initial | revert | unset | normal | string & {} | italic | oblique)[]
The font-style
CSS property sets whether a font should be styled with a normal, italic, or oblique face from its font-family
.
Syntax: normal | italic | oblique <angle>?
Initial value: normal
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/font-style
Inherited from: CSS.PropertiesHyphenFallback.font-style
Defined in: node_modules/csstype/index.d.ts:10560
font-synthesis
• Optional
font-synthesis: -moz-initial | inherit | initial | revert | unset | string & {} | none | style | weight | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none | style | weight)[]
The font-synthesis
CSS property controls which missing typefaces, bold or italic, may be synthesized by the browser.
Syntax: none | [ weight || style ]
Initial value: weight style
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
No | 34 | 9 | No | No |
see
https://developer.mozilla.org/docs/Web/CSS/font-synthesis
Inherited from: CSS.PropertiesHyphenFallback.font-synthesis
Defined in: node_modules/csstype/index.d.ts:10574
font-variant
• Optional
font-variant: -moz-initial | inherit | initial | revert | unset | normal | string & {} | none | ruby | jis04 | jis78 | jis83 | jis90 | simplified | traditional | all-petite-caps | all-small-caps | common-ligatures | contextual | diagonal-fractions | discretionary-ligatures | full-width | historical-forms | historical-ligatures | lining-nums | no-common-ligatures | no-contextual | no-discretionary-ligatures | no-historical-ligatures | oldstyle-nums | ordinal | petite-caps | proportional-nums | proportional-width | slashed-zero | small-caps | stacked-fractions | tabular-nums | titling-caps | unicase | (undefined | -moz-initial | inherit | initial | revert | unset | normal | string & {} | none | ruby | jis04 | jis78 | jis83 | jis90 | simplified | traditional | all-petite-caps | all-small-caps | common-ligatures | contextual | diagonal-fractions | discretionary-ligatures | full-width | historical-forms | historical-ligatures | lining-nums | no-common-ligatures | no-contextual | no-discretionary-ligatures | no-historical-ligatures | oldstyle-nums | ordinal | petite-caps | proportional-nums | proportional-width | slashed-zero | small-caps | stacked-fractions | tabular-nums | titling-caps | unicase)[]
The font-variant
CSS shorthand property allows you to set all the font variants for a font.
Syntax: normal | none | [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> || 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> ) || [ small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps ] || <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero || <east-asian-variant-values> || <east-asian-width-values> || ruby ]
Initial value: normal
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/font-variant
Inherited from: CSS.PropertiesHyphenFallback.font-variant
Defined in: node_modules/csstype/index.d.ts:10588
font-variant-alternates
• Optional
font-variant-alternates: -moz-initial | inherit | initial | revert | unset | normal | string & {} | historical-forms | (undefined | -moz-initial | inherit | initial | revert | unset | normal | string & {} | historical-forms)[]
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
Inherited from: CSS.PropertiesHyphenFallback.font-variant-alternates
Defined in: node_modules/csstype/index.d.ts:16453
font-variant-caps
• Optional
font-variant-caps: -moz-initial | inherit | initial | revert | unset | normal | all-petite-caps | all-small-caps | petite-caps | small-caps | titling-caps | unicase | (undefined | -moz-initial | inherit | initial | revert | unset | normal | all-petite-caps | all-small-caps | petite-caps | small-caps | titling-caps | unicase)[]
The font-variant-caps
CSS property controls the use of alternate glyphs for capital letters.
Syntax: normal | small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps
Initial value: normal
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
52 | 34 | No | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/font-variant-caps
Inherited from: CSS.PropertiesHyphenFallback.font-variant-caps
Defined in: node_modules/csstype/index.d.ts:10602
font-variant-east-asian
• Optional
font-variant-east-asian: -moz-initial | inherit | initial | revert | unset | normal | string & {} | ruby | jis04 | jis78 | jis83 | jis90 | simplified | traditional | full-width | proportional-width | (undefined | -moz-initial | inherit | initial | revert | unset | normal | string & {} | ruby | jis04 | jis78 | jis83 | jis90 | simplified | traditional | full-width | proportional-width)[]
The font-variant-east-asian
CSS property controls the use of alternate glyphs for East Asian scripts, like Japanese and Chinese.
Syntax: normal | [ <east-asian-variant-values> || <east-asian-width-values> || ruby ]
Initial value: normal
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
63 | 34 | No | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/font-variant-east-asian
Inherited from: CSS.PropertiesHyphenFallback.font-variant-east-asian
Defined in: node_modules/csstype/index.d.ts:10616
font-variant-ligatures
• Optional
font-variant-ligatures: -moz-initial | inherit | initial | revert | unset | normal | string & {} | none | common-ligatures | contextual | discretionary-ligatures | historical-ligatures | no-common-ligatures | no-contextual | no-discretionary-ligatures | no-historical-ligatures | (undefined | -moz-initial | inherit | initial | revert | unset | normal | string & {} | none | common-ligatures | contextual | discretionary-ligatures | historical-ligatures | no-common-ligatures | no-contextual | no-discretionary-ligatures | no-historical-ligatures)[]
The font-variant-ligatures
CSS property controls which ligatures and contextual forms are used in textual content of the elements it applies to. This leads to more harmonized forms in the resulting text.
Syntax: normal | none | [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> ]
Initial value: normal
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
34 | 34 | 9.1 | 79 | No |
31 -x- | 7 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/font-variant-ligatures
Inherited from: CSS.PropertiesHyphenFallback.font-variant-ligatures
Defined in: node_modules/csstype/index.d.ts:10630
font-variant-numeric
• Optional
font-variant-numeric: -moz-initial | inherit | initial | revert | unset | normal | string & {} | diagonal-fractions | lining-nums | oldstyle-nums | ordinal | proportional-nums | slashed-zero | stacked-fractions | tabular-nums | (undefined | -moz-initial | inherit | initial | revert | unset | normal | string & {} | diagonal-fractions | lining-nums | oldstyle-nums | ordinal | proportional-nums | slashed-zero | stacked-fractions | tabular-nums)[]
The font-variant-numeric
CSS property controls the usage of alternate glyphs for numbers, fractions, and ordinal markers.
Syntax: normal | [ <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero ]
Initial value: normal
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
52 | 34 | 9.1 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/font-variant-numeric
Inherited from: CSS.PropertiesHyphenFallback.font-variant-numeric
Defined in: node_modules/csstype/index.d.ts:10645
font-variant-position
• Optional
font-variant-position: -moz-initial | inherit | initial | revert | unset | normal | sub | super | (undefined | -moz-initial | inherit | initial | revert | unset | normal | sub | super)[]
The font-variant-position
CSS property controls the use of alternate, smaller glyphs that are positioned as superscript or subscript.
Syntax: normal | sub | super
Initial value: normal
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
No | 34 | No | No | No |
see
https://developer.mozilla.org/docs/Web/CSS/font-variant-position
Inherited from: CSS.PropertiesHyphenFallback.font-variant-position
Defined in: node_modules/csstype/index.d.ts:10659
font-variation-settings
• Optional
font-variation-settings: -moz-initial | inherit | initial | revert | unset | normal | string & {} | (undefined | -moz-initial | inherit | initial | revert | unset | normal | string & {})[]
The font-variation-settings
CSS property provides low-level control over variable font characteristics, by specifying the four letter axis names of the characteristics you want to vary, along with their values.
Syntax: normal | [ <string> <number> ]#
Initial value: normal
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
62 | 62 | 11 | 17 | No |
see
https://developer.mozilla.org/docs/Web/CSS/font-variation-settings
Inherited from: CSS.PropertiesHyphenFallback.font-variation-settings
Defined in: node_modules/csstype/index.d.ts:10673
font-weight
• Optional
font-weight: -moz-initial | inherit | initial | revert | unset | normal | number & {} | bold | bolder | lighter | (undefined | -moz-initial | inherit | initial | revert | unset | normal | number & {} | bold | bolder | lighter)[]
The font-weight
CSS property sets the weight (or boldness) of the font. The weights available depend on the font-family
that is currently set.
Syntax: <font-weight-absolute> | bolder | lighter
Initial value: normal
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
2 | 1 | 1 | 12 | 3 |
see
https://developer.mozilla.org/docs/Web/CSS/font-weight
Inherited from: CSS.PropertiesHyphenFallback.font-weight
Defined in: node_modules/csstype/index.d.ts:10687
fontFamily
• Optional
fontFamily: -moz-initial | inherit | initial | revert | unset | string & {} | cursive | fantasy | monospace | sans-serif | serif | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | cursive | fantasy | monospace | sans-serif | serif)[]
The font-family
CSS property specifies a prioritized list of one or more font family names and/or generic family names for the selected element.
Syntax: [ <family-name> | <generic-family> ]#
Initial value: depends on user agent
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 3 |
see
https://developer.mozilla.org/docs/Web/CSS/font-family
Inherited from: CSS.PropertiesFallback.fontFamily
Defined in: node_modules/csstype/index.d.ts:1730
fontFeatureSettings
• Optional
fontFeatureSettings: -moz-initial | inherit | initial | revert | unset | normal | string & {} | (undefined | -moz-initial | inherit | initial | revert | unset | normal | string & {})[]
The font-feature-settings
CSS property controls advanced typographic features in OpenType fonts.
Syntax: normal | <feature-tag-value>#
Initial value: normal
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
48 | 34 | 9.1 | 15 | 10 |
16 -x- | 15 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/font-feature-settings
Inherited from: CSS.PropertiesFallback.fontFeatureSettings
Defined in: node_modules/csstype/index.d.ts:1745
fontKerning
• Optional
fontKerning: -moz-initial | inherit | initial | revert | unset | normal | auto | none | (undefined | -moz-initial | inherit | initial | revert | unset | normal | auto | none)[]
The font-kerning
CSS property sets the use of the kerning information stored in a font.
Syntax: auto | normal | none
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
33 | 32 | 9 | 79 | No |
6 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/font-kerning
Inherited from: CSS.PropertiesFallback.fontKerning
Defined in: node_modules/csstype/index.d.ts:1760
fontLanguageOverride
• Optional
fontLanguageOverride: -moz-initial | inherit | initial | revert | unset | normal | string & {} | (undefined | -moz-initial | inherit | initial | revert | unset | normal | string & {})[]
The font-language-override
CSS property controls the use of language-specific glyphs in a typeface.
Syntax: normal | <string>
Initial value: normal
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
No | 34 | No | No | No |
4 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/font-language-override
Inherited from: CSS.PropertiesFallback.fontLanguageOverride
Defined in: node_modules/csstype/index.d.ts:1775
fontOpticalSizing
• Optional
fontOpticalSizing: -moz-initial | inherit | initial | revert | unset | auto | none | (undefined | -moz-initial | inherit | initial | revert | unset | auto | none)[]
The font-optical-sizing
CSS property sets whether text rendering is optimized for viewing at different sizes.
Syntax: auto | none
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
79 | 62 | 11 | 17 | No |
see
https://developer.mozilla.org/docs/Web/CSS/font-optical-sizing
Inherited from: CSS.PropertiesFallback.fontOpticalSizing
Defined in: node_modules/csstype/index.d.ts:1789
fontSize
• Optional
fontSize: string | string & {} | (undefined | string | string & {})[]
The font-size
CSS property sets the size of the font. Changing the font size also updates the sizes of the font size-relative <length>
units, such as em
, ex
, and so forth.
Syntax: <absolute-size> | <relative-size> | <length-percentage>
Initial value: medium
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 5.5 |
see
https://developer.mozilla.org/docs/Web/CSS/font-size
Inherited from: CSS.PropertiesFallback.fontSize
Defined in: node_modules/csstype/index.d.ts:1803
fontSizeAdjust
• Optional
fontSizeAdjust: -moz-initial | inherit | initial | revert | unset | none | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | none | number & {})[]
The font-size-adjust
CSS property sets the size of lower-case letters relative to the current font size (which defines the size of upper-case letters).
Syntax: none | <number>
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
n/a | 1 | No | n/a | No |
see
https://developer.mozilla.org/docs/Web/CSS/font-size-adjust
Inherited from: CSS.PropertiesFallback.fontSizeAdjust
Defined in: node_modules/csstype/index.d.ts:1817
fontSmooth
• Optional
fontSmooth: string | (undefined | string)[]
The font-smooth
CSS property controls the application of anti-aliasing when fonts are rendered.
Syntax: auto | never | always | <absolute-size> | <length>
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
5 (-webkit-font-smoothing) | 25 (-moz-osx-font-smoothing) | 4 (-webkit-font-smoothing) | 79 (-webkit-font-smoothing) | No |
see
https://developer.mozilla.org/docs/Web/CSS/font-smooth
Inherited from: CSS.PropertiesFallback.fontSmooth
Defined in: node_modules/csstype/index.d.ts:1831
fontStretch
• Optional
fontStretch: -moz-initial | inherit | initial | revert | unset | normal | string & {} | condensed | expanded | extra-condensed | extra-expanded | semi-condensed | semi-expanded | ultra-condensed | ultra-expanded | (undefined | -moz-initial | inherit | initial | revert | unset | normal | string & {} | condensed | expanded | extra-condensed | extra-expanded | semi-condensed | semi-expanded | ultra-condensed | ultra-expanded)[]
The font-stretch
CSS property selects a normal, condensed, or expanded face from a font.
Syntax: <font-stretch-absolute>
Initial value: normal
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
60 | 9 | 11 | 12 | 9 |
see
https://developer.mozilla.org/docs/Web/CSS/font-stretch
Inherited from: CSS.PropertiesFallback.fontStretch
Defined in: node_modules/csstype/index.d.ts:1845
fontStyle
• Optional
fontStyle: -moz-initial | inherit | initial | revert | unset | normal | string & {} | italic | oblique | (undefined | -moz-initial | inherit | initial | revert | unset | normal | string & {} | italic | oblique)[]
The font-style
CSS property sets whether a font should be styled with a normal, italic, or oblique face from its font-family
.
Syntax: normal | italic | oblique <angle>?
Initial value: normal
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/font-style
Inherited from: CSS.PropertiesFallback.fontStyle
Defined in: node_modules/csstype/index.d.ts:1859
fontSynthesis
• Optional
fontSynthesis: -moz-initial | inherit | initial | revert | unset | string & {} | none | style | weight | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none | style | weight)[]
The font-synthesis
CSS property controls which missing typefaces, bold or italic, may be synthesized by the browser.
Syntax: none | [ weight || style ]
Initial value: weight style
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
No | 34 | 9 | No | No |
see
https://developer.mozilla.org/docs/Web/CSS/font-synthesis
Inherited from: CSS.PropertiesFallback.fontSynthesis
Defined in: node_modules/csstype/index.d.ts:1873
fontVariant
• Optional
fontVariant: -moz-initial | inherit | initial | revert | unset | normal | string & {} | none | ruby | jis04 | jis78 | jis83 | jis90 | simplified | traditional | all-petite-caps | all-small-caps | common-ligatures | contextual | diagonal-fractions | discretionary-ligatures | full-width | historical-forms | historical-ligatures | lining-nums | no-common-ligatures | no-contextual | no-discretionary-ligatures | no-historical-ligatures | oldstyle-nums | ordinal | petite-caps | proportional-nums | proportional-width | slashed-zero | small-caps | stacked-fractions | tabular-nums | titling-caps | unicase | (undefined | -moz-initial | inherit | initial | revert | unset | normal | string & {} | none | ruby | jis04 | jis78 | jis83 | jis90 | simplified | traditional | all-petite-caps | all-small-caps | common-ligatures | contextual | diagonal-fractions | discretionary-ligatures | full-width | historical-forms | historical-ligatures | lining-nums | no-common-ligatures | no-contextual | no-discretionary-ligatures | no-historical-ligatures | oldstyle-nums | ordinal | petite-caps | proportional-nums | proportional-width | slashed-zero | small-caps | stacked-fractions | tabular-nums | titling-caps | unicase)[]
The font-variant
CSS shorthand property allows you to set all the font variants for a font.
Syntax: normal | none | [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> || 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> ) || [ small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps ] || <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero || <east-asian-variant-values> || <east-asian-width-values> || ruby ]
Initial value: normal
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/font-variant
Inherited from: CSS.PropertiesFallback.fontVariant
Defined in: node_modules/csstype/index.d.ts:1887
fontVariantAlternates
• Optional
fontVariantAlternates: -moz-initial | inherit | initial | revert | unset | normal | string & {} | historical-forms | (undefined | -moz-initial | inherit | initial | revert | unset | normal | string & {} | historical-forms)[]
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
Inherited from: CSS.PropertiesFallback.fontVariantAlternates
Defined in: node_modules/csstype/index.d.ts:7746
fontVariantCaps
• Optional
fontVariantCaps: -moz-initial | inherit | initial | revert | unset | normal | all-petite-caps | all-small-caps | petite-caps | small-caps | titling-caps | unicase | (undefined | -moz-initial | inherit | initial | revert | unset | normal | all-petite-caps | all-small-caps | petite-caps | small-caps | titling-caps | unicase)[]
The font-variant-caps
CSS property controls the use of alternate glyphs for capital letters.
Syntax: normal | small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps
Initial value: normal
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
52 | 34 | No | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/font-variant-caps
Inherited from: CSS.PropertiesFallback.fontVariantCaps
Defined in: node_modules/csstype/index.d.ts:1901
fontVariantEastAsian
• Optional
fontVariantEastAsian: -moz-initial | inherit | initial | revert | unset | normal | string & {} | ruby | jis04 | jis78 | jis83 | jis90 | simplified | traditional | full-width | proportional-width | (undefined | -moz-initial | inherit | initial | revert | unset | normal | string & {} | ruby | jis04 | jis78 | jis83 | jis90 | simplified | traditional | full-width | proportional-width)[]
The font-variant-east-asian
CSS property controls the use of alternate glyphs for East Asian scripts, like Japanese and Chinese.
Syntax: normal | [ <east-asian-variant-values> || <east-asian-width-values> || ruby ]
Initial value: normal
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
63 | 34 | No | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/font-variant-east-asian
Inherited from: CSS.PropertiesFallback.fontVariantEastAsian
Defined in: node_modules/csstype/index.d.ts:1915
fontVariantLigatures
• Optional
fontVariantLigatures: -moz-initial | inherit | initial | revert | unset | normal | string & {} | none | common-ligatures | contextual | discretionary-ligatures | historical-ligatures | no-common-ligatures | no-contextual | no-discretionary-ligatures | no-historical-ligatures | (undefined | -moz-initial | inherit | initial | revert | unset | normal | string & {} | none | common-ligatures | contextual | discretionary-ligatures | historical-ligatures | no-common-ligatures | no-contextual | no-discretionary-ligatures | no-historical-ligatures)[]
The font-variant-ligatures
CSS property controls which ligatures and contextual forms are used in textual content of the elements it applies to. This leads to more harmonized forms in the resulting text.
Syntax: normal | none | [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> ]
Initial value: normal
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
34 | 34 | 9.1 | 79 | No |
31 -x- | 7 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/font-variant-ligatures
Inherited from: CSS.PropertiesFallback.fontVariantLigatures
Defined in: node_modules/csstype/index.d.ts:1930
fontVariantNumeric
• Optional
fontVariantNumeric: -moz-initial | inherit | initial | revert | unset | normal | string & {} | diagonal-fractions | lining-nums | oldstyle-nums | ordinal | proportional-nums | slashed-zero | stacked-fractions | tabular-nums | (undefined | -moz-initial | inherit | initial | revert | unset | normal | string & {} | diagonal-fractions | lining-nums | oldstyle-nums | ordinal | proportional-nums | slashed-zero | stacked-fractions | tabular-nums)[]
The font-variant-numeric
CSS property controls the usage of alternate glyphs for numbers, fractions, and ordinal markers.
Syntax: normal | [ <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero ]
Initial value: normal
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
52 | 34 | 9.1 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/font-variant-numeric
Inherited from: CSS.PropertiesFallback.fontVariantNumeric
Defined in: node_modules/csstype/index.d.ts:1944
fontVariantPosition
• Optional
fontVariantPosition: -moz-initial | inherit | initial | revert | unset | normal | sub | super | (undefined | -moz-initial | inherit | initial | revert | unset | normal | sub | super)[]
The font-variant-position
CSS property controls the use of alternate, smaller glyphs that are positioned as superscript or subscript.
Syntax: normal | sub | super
Initial value: normal
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
No | 34 | No | No | No |
see
https://developer.mozilla.org/docs/Web/CSS/font-variant-position
Inherited from: CSS.PropertiesFallback.fontVariantPosition
Defined in: node_modules/csstype/index.d.ts:1958
fontVariationSettings
• Optional
fontVariationSettings: -moz-initial | inherit | initial | revert | unset | normal | string & {} | (undefined | -moz-initial | inherit | initial | revert | unset | normal | string & {})[]
The font-variation-settings
CSS property provides low-level control over variable font characteristics, by specifying the four letter axis names of the characteristics you want to vary, along with their values.
Syntax: normal | [ <string> <number> ]#
Initial value: normal
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
62 | 62 | 11 | 17 | No |
see
https://developer.mozilla.org/docs/Web/CSS/font-variation-settings
Inherited from: CSS.PropertiesFallback.fontVariationSettings
Defined in: node_modules/csstype/index.d.ts:1972
fontWeight
• Optional
fontWeight: -moz-initial | inherit | initial | revert | unset | normal | number & {} | bold | bolder | lighter | (undefined | -moz-initial | inherit | initial | revert | unset | normal | number & {} | bold | bolder | lighter)[]
The font-weight
CSS property sets the weight (or boldness) of the font. The weights available depend on the font-family
that is currently set.
Syntax: <font-weight-absolute> | bolder | lighter
Initial value: normal
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
2 | 1 | 1 | 12 | 3 |
see
https://developer.mozilla.org/docs/Web/CSS/font-weight
Inherited from: CSS.PropertiesFallback.fontWeight
Defined in: node_modules/csstype/index.d.ts:1986
forced-color-adjust
• Optional
forced-color-adjust: -moz-initial | inherit | initial | revert | unset | auto | none | (undefined | -moz-initial | inherit | initial | revert | unset | auto | none)[]
The forced-color-adjust
CSS property allows authors to opt certain elements out of forced colors mode. This then restores the control of those values to CSS.
Syntax: auto | none
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
n/a | No | No | 79 (-ms-high-contrast-adjust) | 10 (-ms-high-contrast-adjust) |
see
https://developer.mozilla.org/docs/Web/CSS/forced-color-adjust
Inherited from: CSS.PropertiesHyphenFallback.forced-color-adjust
Defined in: node_modules/csstype/index.d.ts:10701
forcedColorAdjust
• Optional
forcedColorAdjust: -moz-initial | inherit | initial | revert | unset | auto | none | (undefined | -moz-initial | inherit | initial | revert | unset | auto | none)[]
The forced-color-adjust
CSS property allows authors to opt certain elements out of forced colors mode. This then restores the control of those values to CSS.
Syntax: auto | none
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
n/a | No | No | 79 (-ms-high-contrast-adjust) | 10 (-ms-high-contrast-adjust) |
see
https://developer.mozilla.org/docs/Web/CSS/forced-color-adjust
Inherited from: CSS.PropertiesFallback.forcedColorAdjust
Defined in: node_modules/csstype/index.d.ts:2000
gap
• Optional
gap: string | string & {} | (undefined | string | string & {})[]
The gap
CSS property sets the gaps (gutters) between rows and columns. It is a shorthand for row-gap
and column-gap
.
Syntax: <'row-gap'> <'column-gap'>?
Supported in Flex Layout
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
84 | 63 | No | 84 | No |
Supported in Grid Layout
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
66 | 61 | 12 | 16 | No |
57 (grid-gap) | 52 (grid-gap) | 10.1 (grid-gap) |
Supported in Multi-column Layout
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
66 | 61 | No | 16 | No |
see
https://developer.mozilla.org/docs/Web/CSS/gap
Inherited from: CSS.PropertiesFallback.gap
Defined in: node_modules/csstype/index.d.ts:5424
glyph-orientation-vertical
• Optional
glyph-orientation-vertical: -moz-initial | inherit | initial | revert | unset | string & {} | auto | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | auto | number & {})[]
Inherited from: CSS.PropertiesHyphenFallback.glyph-orientation-vertical
Defined in: node_modules/csstype/index.d.ts:17398
glyphOrientationVertical
• Optional
glyphOrientationVertical: -moz-initial | inherit | initial | revert | unset | string & {} | auto | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | auto | number & {})[]
Inherited from: CSS.PropertiesFallback.glyphOrientationVertical
Defined in: node_modules/csstype/index.d.ts:8682
grid
• Optional
grid: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
The grid
CSS property is a shorthand property that sets all of the explicit and implicit grid properties in a single declaration.
Syntax: <'grid-template'> | <'grid-template-rows'> / [ auto-flow && dense? ] <'grid-auto-columns'>? | [ auto-flow && dense? ] <'grid-auto-rows'>? / <'grid-template-columns'>
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
57 | 52 | 10.1 | 16 | No |
see
https://developer.mozilla.org/docs/Web/CSS/grid
Inherited from: CSS.PropertiesFallback.grid
Defined in: node_modules/csstype/index.d.ts:5436
grid-area
• Optional
grid-area: -moz-initial | inherit | initial | revert | unset | string & {} | auto | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | auto | number & {})[]
The grid-area
CSS shorthand property specifies a grid item’s size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area.
Syntax: <grid-line> [ / <grid-line> ]{0,3}
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
57 | 52 | 10.1 | 16 | No |
see
https://developer.mozilla.org/docs/Web/CSS/grid-area
Inherited from: CSS.PropertiesHyphenFallback.grid-area
Defined in: node_modules/csstype/index.d.ts:14151
grid-auto-columns
• Optional
grid-auto-columns: string | string & {} | (undefined | string | string & {})[]
The grid-auto-columns
CSS property specifies the size of an implicitly-created grid column track or pattern of tracks.
Syntax: <track-size>+
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
57 | 70 | 10.1 | 16 | 10 (-ms-grid-columns) |
12 (-ms-grid-columns) |
see
https://developer.mozilla.org/docs/Web/CSS/grid-auto-columns
Inherited from: CSS.PropertiesHyphenFallback.grid-auto-columns
Defined in: node_modules/csstype/index.d.ts:10715
grid-auto-flow
• Optional
grid-auto-flow: -moz-initial | inherit | initial | revert | unset | string & {} | column | row | dense | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | column | row | dense)[]
The grid-auto-flow
CSS property controls how the auto-placement algorithm works, specifying exactly how auto-placed items get flowed into the grid.
Syntax: [ row | column ] || dense
Initial value: row
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
57 | 52 | 10.1 | 16 | No |
see
https://developer.mozilla.org/docs/Web/CSS/grid-auto-flow
Inherited from: CSS.PropertiesHyphenFallback.grid-auto-flow
Defined in: node_modules/csstype/index.d.ts:10730
grid-auto-rows
• Optional
grid-auto-rows: string | string & {} | (undefined | string | string & {})[]
The grid-auto-rows
CSS property specifies the size of an implicitly-created grid row track or pattern of tracks.
Syntax: <track-size>+
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
57 | 70 | 10.1 | 16 | 10 (-ms-grid-rows) |
12 (-ms-grid-rows) |
see
https://developer.mozilla.org/docs/Web/CSS/grid-auto-rows
Inherited from: CSS.PropertiesHyphenFallback.grid-auto-rows
Defined in: node_modules/csstype/index.d.ts:10744
grid-column
• Optional
grid-column: -moz-initial | inherit | initial | revert | unset | string & {} | auto | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | auto | number & {})[]
The grid-column
CSS shorthand property specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area.
Syntax: <grid-line> [ / <grid-line> ]?
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
57 | 52 | 10.1 | 16 | No |
see
https://developer.mozilla.org/docs/Web/CSS/grid-column
Inherited from: CSS.PropertiesHyphenFallback.grid-column
Defined in: node_modules/csstype/index.d.ts:14163
grid-column-end
• Optional
grid-column-end: -moz-initial | inherit | initial | revert | unset | string & {} | auto | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | auto | number & {})[]
The grid-column-end
CSS property specifies a grid item’s end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area.
Syntax: <grid-line>
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
57 | 52 | 10.1 | 16 | No |
see
https://developer.mozilla.org/docs/Web/CSS/grid-column-end
Inherited from: CSS.PropertiesHyphenFallback.grid-column-end
Defined in: node_modules/csstype/index.d.ts:10759
grid-column-gap
• Optional
grid-column-gap: string | string & {} | (undefined | string | string & {})[]
The column-gap
CSS property sets the size of the gap (gutter) between an element's columns.
Syntax: <length-percentage>
Initial value: 0
deprecated
Inherited from: CSS.PropertiesHyphenFallback.grid-column-gap
Defined in: node_modules/csstype/index.d.ts:16463
grid-column-start
• Optional
grid-column-start: -moz-initial | inherit | initial | revert | unset | string & {} | auto | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | auto | number & {})[]
The grid-column-start
CSS property specifies a grid item’s start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area.
Syntax: <grid-line>
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
57 | 52 | 10.1 | 16 | No |
see
https://developer.mozilla.org/docs/Web/CSS/grid-column-start
Inherited from: CSS.PropertiesHyphenFallback.grid-column-start
Defined in: node_modules/csstype/index.d.ts:10773
grid-gap
• Optional
grid-gap: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesHyphenFallback.grid-gap
Defined in: node_modules/csstype/index.d.ts:16473
grid-row
• Optional
grid-row: -moz-initial | inherit | initial | revert | unset | string & {} | auto | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | auto | number & {})[]
The grid-row
CSS shorthand property specifies a grid item’s size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area.
Syntax: <grid-line> [ / <grid-line> ]?
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
57 | 52 | 10.1 | 16 | No |
see
https://developer.mozilla.org/docs/Web/CSS/grid-row
Inherited from: CSS.PropertiesHyphenFallback.grid-row
Defined in: node_modules/csstype/index.d.ts:14175
grid-row-end
• Optional
grid-row-end: -moz-initial | inherit | initial | revert | unset | string & {} | auto | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | auto | number & {})[]
The grid-row-end
CSS property specifies a grid item’s end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area.
Syntax: <grid-line>
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
57 | 52 | 10.1 | 16 | No |
see
https://developer.mozilla.org/docs/Web/CSS/grid-row-end
Inherited from: CSS.PropertiesHyphenFallback.grid-row-end
Defined in: node_modules/csstype/index.d.ts:10787
grid-row-gap
• Optional
grid-row-gap: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesHyphenFallback.grid-row-gap
Defined in: node_modules/csstype/index.d.ts:16481
grid-row-start
• Optional
grid-row-start: -moz-initial | inherit | initial | revert | unset | string & {} | auto | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | auto | number & {})[]
The grid-row-start
CSS property specifies a grid item’s start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area.
Syntax: <grid-line>
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
57 | 52 | 10.1 | 16 | No |
see
https://developer.mozilla.org/docs/Web/CSS/grid-row-start
Inherited from: CSS.PropertiesHyphenFallback.grid-row-start
Defined in: node_modules/csstype/index.d.ts:10801
grid-template
• Optional
grid-template: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
The grid-template
CSS property is a shorthand property for defining grid columns, rows, and areas.
Syntax: none | [ <'grid-template-rows'> / <'grid-template-columns'> ] | [ <line-names>? <string> <track-size>? <line-names>? ]+ [ / <explicit-track-list> ]?
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
57 | 52 | 10.1 | 16 | No |
see
https://developer.mozilla.org/docs/Web/CSS/grid-template
Inherited from: CSS.PropertiesHyphenFallback.grid-template
Defined in: node_modules/csstype/index.d.ts:14187
grid-template-areas
• Optional
grid-template-areas: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
The grid-template-areas
CSS property specifies named grid areas, establishing the cells in the grid and assigning them names.
Syntax: none | <string>+
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
57 | 52 | 10.1 | 16 | No |
see
https://developer.mozilla.org/docs/Web/CSS/grid-template-areas
Inherited from: CSS.PropertiesHyphenFallback.grid-template-areas
Defined in: node_modules/csstype/index.d.ts:10815
grid-template-columns
• Optional
grid-template-columns: string | string & {} | (undefined | string | string & {})[]
The grid-template-columns
CSS property defines the line names and track sizing functions of the grid columns.
Syntax: none | <track-list> | <auto-track-list> | subgrid <line-name-list>?
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
57 | 52 | 10.1 | 16 | 10 (-ms-grid-columns) |
see
https://developer.mozilla.org/docs/Web/CSS/grid-template-columns
Inherited from: CSS.PropertiesHyphenFallback.grid-template-columns
Defined in: node_modules/csstype/index.d.ts:10829
grid-template-rows
• Optional
grid-template-rows: string | string & {} | (undefined | string | string & {})[]
The grid-template-rows
CSS property defines the line names and track sizing functions of the grid rows.
Syntax: none | <track-list> | <auto-track-list> | subgrid <line-name-list>?
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
57 | 52 | 10.1 | 16 | 10 (-ms-grid-rows) |
see
https://developer.mozilla.org/docs/Web/CSS/grid-template-rows
Inherited from: CSS.PropertiesHyphenFallback.grid-template-rows
Defined in: node_modules/csstype/index.d.ts:10843
gridArea
• Optional
gridArea: -moz-initial | inherit | initial | revert | unset | string & {} | auto | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | auto | number & {})[]
The grid-area
CSS shorthand property specifies a grid item’s size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area.
Syntax: <grid-line> [ / <grid-line> ]{0,3}
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
57 | 52 | 10.1 | 16 | No |
see
https://developer.mozilla.org/docs/Web/CSS/grid-area
Inherited from: CSS.PropertiesFallback.gridArea
Defined in: node_modules/csstype/index.d.ts:5448
gridAutoColumns
• Optional
gridAutoColumns: string | string & {} | (undefined | string | string & {})[]
The grid-auto-columns
CSS property specifies the size of an implicitly-created grid column track or pattern of tracks.
Syntax: <track-size>+
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
57 | 70 | 10.1 | 16 | 10 (-ms-grid-columns) |
12 (-ms-grid-columns) |
see
https://developer.mozilla.org/docs/Web/CSS/grid-auto-columns
Inherited from: CSS.PropertiesFallback.gridAutoColumns
Defined in: node_modules/csstype/index.d.ts:2015
gridAutoFlow
• Optional
gridAutoFlow: -moz-initial | inherit | initial | revert | unset | string & {} | column | row | dense | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | column | row | dense)[]
The grid-auto-flow
CSS property controls how the auto-placement algorithm works, specifying exactly how auto-placed items get flowed into the grid.
Syntax: [ row | column ] || dense
Initial value: row
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
57 | 52 | 10.1 | 16 | No |
see
https://developer.mozilla.org/docs/Web/CSS/grid-auto-flow
Inherited from: CSS.PropertiesFallback.gridAutoFlow
Defined in: node_modules/csstype/index.d.ts:2029
gridAutoRows
• Optional
gridAutoRows: string | string & {} | (undefined | string | string & {})[]
The grid-auto-rows
CSS property specifies the size of an implicitly-created grid row track or pattern of tracks.
Syntax: <track-size>+
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
57 | 70 | 10.1 | 16 | 10 (-ms-grid-rows) |
12 (-ms-grid-rows) |
see
https://developer.mozilla.org/docs/Web/CSS/grid-auto-rows
Inherited from: CSS.PropertiesFallback.gridAutoRows
Defined in: node_modules/csstype/index.d.ts:2044
gridColumn
• Optional
gridColumn: -moz-initial | inherit | initial | revert | unset | string & {} | auto | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | auto | number & {})[]
The grid-column
CSS shorthand property specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area.
Syntax: <grid-line> [ / <grid-line> ]?
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
57 | 52 | 10.1 | 16 | No |
see
https://developer.mozilla.org/docs/Web/CSS/grid-column
Inherited from: CSS.PropertiesFallback.gridColumn
Defined in: node_modules/csstype/index.d.ts:5460
gridColumnEnd
• Optional
gridColumnEnd: -moz-initial | inherit | initial | revert | unset | string & {} | auto | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | auto | number & {})[]
The grid-column-end
CSS property specifies a grid item’s end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area.
Syntax: <grid-line>
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
57 | 52 | 10.1 | 16 | No |
see
https://developer.mozilla.org/docs/Web/CSS/grid-column-end
Inherited from: CSS.PropertiesFallback.gridColumnEnd
Defined in: node_modules/csstype/index.d.ts:2058
gridColumnGap
• Optional
gridColumnGap: string | string & {} | (undefined | string | string & {})[]
The column-gap
CSS property sets the size of the gap (gutter) between an element's columns.
Syntax: <length-percentage>
Initial value: 0
deprecated
Inherited from: CSS.PropertiesFallback.gridColumnGap
Defined in: node_modules/csstype/index.d.ts:7756
gridColumnStart
• Optional
gridColumnStart: -moz-initial | inherit | initial | revert | unset | string & {} | auto | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | auto | number & {})[]
The grid-column-start
CSS property specifies a grid item’s start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area.
Syntax: <grid-line>
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
57 | 52 | 10.1 | 16 | No |
see
https://developer.mozilla.org/docs/Web/CSS/grid-column-start
Inherited from: CSS.PropertiesFallback.gridColumnStart
Defined in: node_modules/csstype/index.d.ts:2072
gridGap
• Optional
gridGap: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesFallback.gridGap
Defined in: node_modules/csstype/index.d.ts:7764
gridRow
• Optional
gridRow: -moz-initial | inherit | initial | revert | unset | string & {} | auto | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | auto | number & {})[]
The grid-row
CSS shorthand property specifies a grid item’s size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area.
Syntax: <grid-line> [ / <grid-line> ]?
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
57 | 52 | 10.1 | 16 | No |
see
https://developer.mozilla.org/docs/Web/CSS/grid-row
Inherited from: CSS.PropertiesFallback.gridRow
Defined in: node_modules/csstype/index.d.ts:5472
gridRowEnd
• Optional
gridRowEnd: -moz-initial | inherit | initial | revert | unset | string & {} | auto | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | auto | number & {})[]
The grid-row-end
CSS property specifies a grid item’s end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area.
Syntax: <grid-line>
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
57 | 52 | 10.1 | 16 | No |
see
https://developer.mozilla.org/docs/Web/CSS/grid-row-end
Inherited from: CSS.PropertiesFallback.gridRowEnd
Defined in: node_modules/csstype/index.d.ts:2086
gridRowGap
• Optional
gridRowGap: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesFallback.gridRowGap
Defined in: node_modules/csstype/index.d.ts:7774
gridRowStart
• Optional
gridRowStart: -moz-initial | inherit | initial | revert | unset | string & {} | auto | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | auto | number & {})[]
The grid-row-start
CSS property specifies a grid item’s start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area.
Syntax: <grid-line>
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
57 | 52 | 10.1 | 16 | No |
see
https://developer.mozilla.org/docs/Web/CSS/grid-row-start
Inherited from: CSS.PropertiesFallback.gridRowStart
Defined in: node_modules/csstype/index.d.ts:2100
gridTemplate
• Optional
gridTemplate: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
The grid-template
CSS property is a shorthand property for defining grid columns, rows, and areas.
Syntax: none | [ <'grid-template-rows'> / <'grid-template-columns'> ] | [ <line-names>? <string> <track-size>? <line-names>? ]+ [ / <explicit-track-list> ]?
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
57 | 52 | 10.1 | 16 | No |
see
https://developer.mozilla.org/docs/Web/CSS/grid-template
Inherited from: CSS.PropertiesFallback.gridTemplate
Defined in: node_modules/csstype/index.d.ts:5484
gridTemplateAreas
• Optional
gridTemplateAreas: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
The grid-template-areas
CSS property specifies named grid areas, establishing the cells in the grid and assigning them names.
Syntax: none | <string>+
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
57 | 52 | 10.1 | 16 | No |
see
https://developer.mozilla.org/docs/Web/CSS/grid-template-areas
Inherited from: CSS.PropertiesFallback.gridTemplateAreas
Defined in: node_modules/csstype/index.d.ts:2114
gridTemplateColumns
• Optional
gridTemplateColumns: string | string & {} | (undefined | string | string & {})[]
The grid-template-columns
CSS property defines the line names and track sizing functions of the grid columns.
Syntax: none | <track-list> | <auto-track-list> | subgrid <line-name-list>?
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
57 | 52 | 10.1 | 16 | 10 (-ms-grid-columns) |
see
https://developer.mozilla.org/docs/Web/CSS/grid-template-columns
Inherited from: CSS.PropertiesFallback.gridTemplateColumns
Defined in: node_modules/csstype/index.d.ts:2128
gridTemplateRows
• Optional
gridTemplateRows: string | string & {} | (undefined | string | string & {})[]
The grid-template-rows
CSS property defines the line names and track sizing functions of the grid rows.
Syntax: none | <track-list> | <auto-track-list> | subgrid <line-name-list>?
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
57 | 52 | 10.1 | 16 | 10 (-ms-grid-rows) |
see
https://developer.mozilla.org/docs/Web/CSS/grid-template-rows
Inherited from: CSS.PropertiesFallback.gridTemplateRows
Defined in: node_modules/csstype/index.d.ts:2142
hanging-punctuation
• Optional
hanging-punctuation: -moz-initial | inherit | initial | revert | unset | string & {} | none | allow-end | first | force-end | last | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none | allow-end | first | force-end | last)[]
The hanging-punctuation
CSS property specifies whether a punctuation mark should hang at the start or end of a line of text. Hanging punctuation may be placed outside the line box.
Syntax: none | [ first || [ force-end | allow-end ] || last ]
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
No | No | 10 | No | No |
see
https://developer.mozilla.org/docs/Web/CSS/hanging-punctuation
Inherited from: CSS.PropertiesHyphenFallback.hanging-punctuation
Defined in: node_modules/csstype/index.d.ts:10857
hangingPunctuation
• Optional
hangingPunctuation: -moz-initial | inherit | initial | revert | unset | string & {} | none | allow-end | first | force-end | last | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none | allow-end | first | force-end | last)[]
The hanging-punctuation
CSS property specifies whether a punctuation mark should hang at the start or end of a line of text. Hanging punctuation may be placed outside the line box.
Syntax: none | [ first || [ force-end | allow-end ] || last ]
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
No | No | 10 | No | No |
see
https://developer.mozilla.org/docs/Web/CSS/hanging-punctuation
Inherited from: CSS.PropertiesFallback.hangingPunctuation
Defined in: node_modules/csstype/index.d.ts:2156
height
• Optional
height: string | string & {} | (undefined | string | string & {})[]
The height
CSS property specifies the height of an element. By default, the property defines the height of the content area. If box-sizing
is set to border-box
, however, it instead determines the height of the border area.
Syntax: auto | <length> | <percentage> | min-content | max-content | fit-content(<length-percentage>)
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/height
Inherited from: CSS.PropertiesFallback.height
Defined in: node_modules/csstype/index.d.ts:2170
hyphens
• Optional
hyphens: -moz-initial | inherit | initial | revert | unset | auto | none | manual | (undefined | -moz-initial | inherit | initial | revert | unset | auto | none | manual)[]
The hyphens
CSS property specifies how words should be hyphenated when text wraps across multiple lines. It can prevent hyphenation entirely, hyphenate at manually-specified points within the text, or let the browser automatically insert hyphens where appropriate.
Syntax: none | manual | auto
Initial value: manual
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
55 | 43 | 5.1 -x- | 12 -x- | 10 -x- |
13 -x- | 6 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/hyphens
Inherited from: CSS.PropertiesFallback.hyphens
Defined in: node_modules/csstype/index.d.ts:2185
image-orientation
• Optional
image-orientation: -moz-initial | inherit | initial | revert | unset | string & {} | flip | from-image | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | flip | from-image)[]
The image-orientation
CSS property specifies a layout-independent correction to the orientation of an image. It should not be used for any other orientation adjustments; instead, the transform
property should be used with the rotate
<transform-function>
.
Syntax: from-image | <angle> | [ <angle>? flip ]
Initial value: from-image
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
81 | 26 | 13.1 | 81 | No |
see
https://developer.mozilla.org/docs/Web/CSS/image-orientation
Inherited from: CSS.PropertiesHyphenFallback.image-orientation
Defined in: node_modules/csstype/index.d.ts:10900
image-rendering
• Optional
image-rendering: -moz-initial | inherit | initial | revert | unset | auto | -moz-crisp-edges | -webkit-optimize-contrast | crisp-edges | pixelated | (undefined | -moz-initial | inherit | initial | revert | unset | auto | -moz-crisp-edges | -webkit-optimize-contrast | crisp-edges | pixelated)[]
The image-rendering
CSS property sets an image scaling algorithm. The property applies to an element itself, to any images set in its other properties, and to its descendants.
Syntax: auto | crisp-edges | pixelated
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
13 | 3.6 | 6 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/image-rendering
Inherited from: CSS.PropertiesHyphenFallback.image-rendering
Defined in: node_modules/csstype/index.d.ts:10914
image-resolution
• Optional
image-resolution: -moz-initial | inherit | initial | revert | unset | string & {} | from-image | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | from-image)[]
Syntax: [ from-image || <resolution> ] && snap?
Initial value: 1dppx
Inherited from: CSS.PropertiesHyphenFallback.image-resolution
Defined in: node_modules/csstype/index.d.ts:10928
imageOrientation
• Optional
imageOrientation: -moz-initial | inherit | initial | revert | unset | string & {} | flip | from-image | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | flip | from-image)[]
The image-orientation
CSS property specifies a layout-independent correction to the orientation of an image. It should not be used for any other orientation adjustments; instead, the transform
property should be used with the rotate
<transform-function>
.
Syntax: from-image | <angle> | [ <angle>? flip ]
Initial value: from-image
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
81 | 26 | 13.1 | 81 | No |
see
https://developer.mozilla.org/docs/Web/CSS/image-orientation
Inherited from: CSS.PropertiesFallback.imageOrientation
Defined in: node_modules/csstype/index.d.ts:2199
imageRendering
• Optional
imageRendering: -moz-initial | inherit | initial | revert | unset | auto | -moz-crisp-edges | -webkit-optimize-contrast | crisp-edges | pixelated | (undefined | -moz-initial | inherit | initial | revert | unset | auto | -moz-crisp-edges | -webkit-optimize-contrast | crisp-edges | pixelated)[]
The image-rendering
CSS property sets an image scaling algorithm. The property applies to an element itself, to any images set in its other properties, and to its descendants.
Syntax: auto | crisp-edges | pixelated
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
13 | 3.6 | 6 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/image-rendering
Inherited from: CSS.PropertiesFallback.imageRendering
Defined in: node_modules/csstype/index.d.ts:2213
imageResolution
• Optional
imageResolution: -moz-initial | inherit | initial | revert | unset | string & {} | from-image | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | from-image)[]
Syntax: [ from-image || <resolution> ] && snap?
Initial value: 1dppx
Inherited from: CSS.PropertiesFallback.imageResolution
Defined in: node_modules/csstype/index.d.ts:2219
ime-mode
• Optional
ime-mode: -moz-initial | inherit | initial | revert | unset | normal | auto | active | disabled | inactive | (undefined | -moz-initial | inherit | initial | revert | unset | normal | auto | active | disabled | inactive)[]
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
Inherited from: CSS.PropertiesHyphenFallback.ime-mode
Defined in: node_modules/csstype/index.d.ts:16491
imeMode
• Optional
imeMode: -moz-initial | inherit | initial | revert | unset | normal | auto | active | disabled | inactive | (undefined | -moz-initial | inherit | initial | revert | unset | normal | auto | active | disabled | inactive)[]
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
Inherited from: CSS.PropertiesFallback.imeMode
Defined in: node_modules/csstype/index.d.ts:7784
initial-letter
• Optional
initial-letter: -moz-initial | inherit | initial | revert | unset | normal | string & {} | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | normal | string & {} | number & {})[]
The initial-letter
CSS property sets styling for dropped, raised, and sunken initial letters.
Syntax: normal | [ <number> <integer>? ]
Initial value: normal
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
No | No | 9 | No | No |
see
https://developer.mozilla.org/docs/Web/CSS/initial-letter
Inherited from: CSS.PropertiesHyphenFallback.initial-letter
Defined in: node_modules/csstype/index.d.ts:10934
initialLetter
• Optional
initialLetter: -moz-initial | inherit | initial | revert | unset | normal | string & {} | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | normal | string & {} | number & {})[]
The initial-letter
CSS property sets styling for dropped, raised, and sunken initial letters.
Syntax: normal | [ <number> <integer>? ]
Initial value: normal
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
No | No | 9 | No | No |
see
https://developer.mozilla.org/docs/Web/CSS/initial-letter
Inherited from: CSS.PropertiesFallback.initialLetter
Defined in: node_modules/csstype/index.d.ts:2233
inline-size
• Optional
inline-size: string | string & {} | (undefined | string | string & {})[]
The inline-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
https://developer.mozilla.org/docs/Web/CSS/inline-size
Inherited from: CSS.PropertiesHyphenFallback.inline-size
Defined in: node_modules/csstype/index.d.ts:10948
inlineSize
• Optional
inlineSize: string | string & {} | (undefined | string | string & {})[]
The inline-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
https://developer.mozilla.org/docs/Web/CSS/inline-size
Inherited from: CSS.PropertiesFallback.inlineSize
Defined in: node_modules/csstype/index.d.ts:2247
inset
• Optional
inset: string | string & {} | (undefined | string | string & {})[]
The inset
CSS property is a shorthand that corresponds to the top
, right
, bottom
, and/or left
properties. It has the same multi-value syntax of the margin
shorthand.
Syntax: <'top'>{1,4}
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
87 | 66 | No | n/a | No |
see
https://developer.mozilla.org/docs/Web/CSS/inset
Inherited from: CSS.PropertiesFallback.inset
Defined in: node_modules/csstype/index.d.ts:2261
inset-block
• Optional
inset-block: string | string & {} | (undefined | string | string & {})[]
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
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
87 | 63 | No | n/a | No |
see
https://developer.mozilla.org/docs/Web/CSS/inset-block
Inherited from: CSS.PropertiesHyphenFallback.inset-block
Defined in: node_modules/csstype/index.d.ts:10976
inset-block-end
• Optional
inset-block-end: string | string & {} | (undefined | string | string & {})[]
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
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
87 | 63 | No | n/a | No |
see
https://developer.mozilla.org/docs/Web/CSS/inset-block-end
Inherited from: CSS.PropertiesHyphenFallback.inset-block-end
Defined in: node_modules/csstype/index.d.ts:10990
inset-block-start
• Optional
inset-block-start: string | string & {} | (undefined | string | string & {})[]
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
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
87 | 63 | No | n/a | No |
see
https://developer.mozilla.org/docs/Web/CSS/inset-block-start
Inherited from: CSS.PropertiesHyphenFallback.inset-block-start
Defined in: node_modules/csstype/index.d.ts:11004
inset-inline
• Optional
inset-inline: string | string & {} | (undefined | string | string & {})[]
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
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
87 | 63 | No | n/a | No |
see
https://developer.mozilla.org/docs/Web/CSS/inset-inline
Inherited from: CSS.PropertiesHyphenFallback.inset-inline
Defined in: node_modules/csstype/index.d.ts:11018
inset-inline-end
• Optional
inset-inline-end: string | string & {} | (undefined | string | string & {})[]
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
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
87 | 63 | No | n/a | No |
see
https://developer.mozilla.org/docs/Web/CSS/inset-inline-end
Inherited from: CSS.PropertiesHyphenFallback.inset-inline-end
Defined in: node_modules/csstype/index.d.ts:11032
inset-inline-start
• Optional
inset-inline-start: string | string & {} | (undefined | string | string & {})[]
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
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
87 | 63 | No | n/a | No |
see
https://developer.mozilla.org/docs/Web/CSS/inset-inline-start
Inherited from: CSS.PropertiesHyphenFallback.inset-inline-start
Defined in: node_modules/csstype/index.d.ts:11046
insetBlock
• Optional
insetBlock: string | string & {} | (undefined | string | string & {})[]
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
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
87 | 63 | No | n/a | No |
see
https://developer.mozilla.org/docs/Web/CSS/inset-block
Inherited from: CSS.PropertiesFallback.insetBlock
Defined in: node_modules/csstype/index.d.ts:2275
insetBlockEnd
• Optional
insetBlockEnd: string | string & {} | (undefined | string | string & {})[]
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
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
87 | 63 | No | n/a | No |
see
https://developer.mozilla.org/docs/Web/CSS/inset-block-end
Inherited from: CSS.PropertiesFallback.insetBlockEnd
Defined in: node_modules/csstype/index.d.ts:2289
insetBlockStart
• Optional
insetBlockStart: string | string & {} | (undefined | string | string & {})[]
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
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
87 | 63 | No | n/a | No |
see
https://developer.mozilla.org/docs/Web/CSS/inset-block-start
Inherited from: CSS.PropertiesFallback.insetBlockStart
Defined in: node_modules/csstype/index.d.ts:2303
insetInline
• Optional
insetInline: string | string & {} | (undefined | string | string & {})[]
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
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
87 | 63 | No | n/a | No |
see
https://developer.mozilla.org/docs/Web/CSS/inset-inline
Inherited from: CSS.PropertiesFallback.insetInline
Defined in: node_modules/csstype/index.d.ts:2317
insetInlineEnd
• Optional
insetInlineEnd: string | string & {} | (undefined | string | string & {})[]
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
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
87 | 63 | No | n/a | No |
see
https://developer.mozilla.org/docs/Web/CSS/inset-inline-end
Inherited from: CSS.PropertiesFallback.insetInlineEnd
Defined in: node_modules/csstype/index.d.ts:2331
insetInlineStart
• Optional
insetInlineStart: string | string & {} | (undefined | string | string & {})[]
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
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
87 | 63 | No | n/a | No |
see
https://developer.mozilla.org/docs/Web/CSS/inset-inline-start
Inherited from: CSS.PropertiesFallback.insetInlineStart
Defined in: node_modules/csstype/index.d.ts:2345
isolation
• Optional
isolation: -moz-initial | inherit | initial | revert | unset | auto | isolate | (undefined | -moz-initial | inherit | initial | revert | unset | auto | isolate)[]
The isolation
CSS property determines whether an element must create a new stacking context.
Syntax: auto | isolate
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
41 | 36 | 8 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/isolation
Inherited from: CSS.PropertiesFallback.isolation
Defined in: node_modules/csstype/index.d.ts:2359
justify-content
• Optional
justify-content: left | right | -moz-initial | inherit | initial | revert | unset | space-around | space-between | space-evenly | stretch | center | end | flex-end | flex-start | start | normal | string & {} | (undefined | left | right | -moz-initial | inherit | initial | revert | unset | space-around | space-between | space-evenly | stretch | center | end | flex-end | flex-start | start | normal | string & {})[]
The CSS justify-content
property defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container.
Syntax: normal | <content-distribution> | <overflow-position>? [ <content-position> | left | right ]
Initial value: normal
Supported in Flex Layout
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
52 | 20 | 9 | 12 | 11 |
21 -x- | 6.1 -x- |
Supported in Grid Layout
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
57 | 52 | 10.1 | 16 | No |
see
https://developer.mozilla.org/docs/Web/CSS/justify-content
Inherited from: CSS.PropertiesHyphenFallback.justify-content
Defined in: node_modules/csstype/index.d.ts:11074
justify-items
• Optional
justify-items: left | right | -moz-initial | inherit | initial | revert | unset | stretch | center | end | flex-end | flex-start | start | baseline | normal | string & {} | self-end | self-start | legacy | (undefined | left | right | -moz-initial | inherit | initial | revert | unset | stretch | center | end | flex-end | flex-start | start | baseline | normal | string & {} | self-end | self-start | legacy)[]
The CSS justify-items
property defines the default justify-self
for all items of the box, giving them all a default way of justifying each box along the appropriate axis.
Syntax: normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | legacy | legacy && [ left | right | center ]
Initial value: legacy
Supported in Flex Layout
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
52 | 20 | 9 | 12 | 11 |
Supported in Grid Layout
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
57 | 45 | 10.1 | 16 | No |
see
https://developer.mozilla.org/docs/Web/CSS/justify-items
Inherited from: CSS.PropertiesHyphenFallback.justify-items
Defined in: node_modules/csstype/index.d.ts:11103
justify-self
• Optional
justify-self: left | right | -moz-initial | inherit | initial | revert | unset | stretch | center | end | flex-end | flex-start | start | baseline | normal | string & {} | self-end | self-start | auto | (undefined | left | right | -moz-initial | inherit | initial | revert | unset | stretch | center | end | flex-end | flex-start | start | baseline | normal | string & {} | self-end | self-start | auto)[]
The CSS justify-self
property sets the way a box is justified inside its alignment container along the appropriate axis.
Syntax: auto | normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ]
Initial value: auto
Supported in Flex Layout
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
57 | 45 | 10.1 | 16 | No |
Supported in Grid Layout
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
57 | 45 | 10.1 | 16 | 10 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/justify-self
Inherited from: CSS.PropertiesHyphenFallback.justify-self
Defined in: node_modules/csstype/index.d.ts:11131
justify-tracks
• Optional
justify-tracks: left | right | -moz-initial | inherit | initial | revert | unset | space-around | space-between | space-evenly | stretch | center | end | flex-end | flex-start | start | normal | string & {} | (undefined | left | right | -moz-initial | inherit | initial | revert | unset | space-around | space-between | space-evenly | stretch | center | end | flex-end | flex-start | start | normal | string & {})[]
The justify-tracks
CSS property sets the alignment in the masonry axis for grid containers that have masonry in their inline axis.
Syntax: [ normal | <content-distribution> | <overflow-position>? [ <content-position> | left | right ] ]#
Initial value: normal
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
No | n/a | No | No | No |
see
https://developer.mozilla.org/docs/Web/CSS/justify-tracks
Inherited from: CSS.PropertiesHyphenFallback.justify-tracks
Defined in: node_modules/csstype/index.d.ts:11159
justifyContent
• Optional
justifyContent: left | right | -moz-initial | inherit | initial | revert | unset | space-around | space-between | space-evenly | stretch | center | end | flex-end | flex-start | start | normal | string & {} | (undefined | left | right | -moz-initial | inherit | initial | revert | unset | space-around | space-between | space-evenly | stretch | center | end | flex-end | flex-start | start | normal | string & {})[]
The CSS justify-content
property defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container.
Syntax: normal | <content-distribution> | <overflow-position>? [ <content-position> | left | right ]
Initial value: normal
Supported in Flex Layout
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
52 | 20 | 9 | 12 | 11 |
21 -x- | 6.1 -x- |
Supported in Grid Layout
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
57 | 52 | 10.1 | 16 | No |
see
https://developer.mozilla.org/docs/Web/CSS/justify-content
Inherited from: CSS.PropertiesFallback.justifyContent
Defined in: node_modules/csstype/index.d.ts:2388
justifyItems
• Optional
justifyItems: left | right | -moz-initial | inherit | initial | revert | unset | stretch | center | end | flex-end | flex-start | start | baseline | normal | string & {} | self-end | self-start | legacy | (undefined | left | right | -moz-initial | inherit | initial | revert | unset | stretch | center | end | flex-end | flex-start | start | baseline | normal | string & {} | self-end | self-start | legacy)[]
The CSS justify-items
property defines the default justify-self
for all items of the box, giving them all a default way of justifying each box along the appropriate axis.
Syntax: normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | legacy | legacy && [ left | right | center ]
Initial value: legacy
Supported in Flex Layout
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
52 | 20 | 9 | 12 | 11 |
Supported in Grid Layout
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
57 | 45 | 10.1 | 16 | No |
see
https://developer.mozilla.org/docs/Web/CSS/justify-items
Inherited from: CSS.PropertiesFallback.justifyItems
Defined in: node_modules/csstype/index.d.ts:2416
justifySelf
• Optional
justifySelf: left | right | -moz-initial | inherit | initial | revert | unset | stretch | center | end | flex-end | flex-start | start | baseline | normal | string & {} | self-end | self-start | auto | (undefined | left | right | -moz-initial | inherit | initial | revert | unset | stretch | center | end | flex-end | flex-start | start | baseline | normal | string & {} | self-end | self-start | auto)[]
The CSS justify-self
property sets the way a box is justified inside its alignment container along the appropriate axis.
Syntax: auto | normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ]
Initial value: auto
Supported in Flex Layout
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
57 | 45 | 10.1 | 16 | No |
Supported in Grid Layout
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
57 | 45 | 10.1 | 16 | 10 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/justify-self
Inherited from: CSS.PropertiesFallback.justifySelf
Defined in: node_modules/csstype/index.d.ts:2444
justifyTracks
• Optional
justifyTracks: left | right | -moz-initial | inherit | initial | revert | unset | space-around | space-between | space-evenly | stretch | center | end | flex-end | flex-start | start | normal | string & {} | (undefined | left | right | -moz-initial | inherit | initial | revert | unset | space-around | space-between | space-evenly | stretch | center | end | flex-end | flex-start | start | normal | string & {})[]
The justify-tracks
CSS property sets the alignment in the masonry axis for grid containers that have masonry in their inline axis.
Syntax: [ normal | <content-distribution> | <overflow-position>? [ <content-position> | left | right ] ]#
Initial value: normal
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
No | n/a | No | No | No |
see
https://developer.mozilla.org/docs/Web/CSS/justify-tracks
Inherited from: CSS.PropertiesFallback.justifyTracks
Defined in: node_modules/csstype/index.d.ts:2458
left
• Optional
left: string | string & {} | (undefined | string | string & {})[]
The left
CSS property participates in specifying the horizontal position of a positioned element. It has no effect on non-positioned elements.
Syntax: <length> | <percentage> | auto
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 5.5 |
see
https://developer.mozilla.org/docs/Web/CSS/left
Inherited from: CSS.PropertiesFallback.left
Defined in: node_modules/csstype/index.d.ts:2472
letter-spacing
• Optional
letter-spacing: string | (undefined | string)[]
The letter-spacing
CSS property sets the horizontal spacing behavior between text characters. This value is added to the natural spacing between characters while rendering the text. Positive values of letter-spacing
causes characters to spread farther apart, while negative values of letter-spacing
bring characters closer together.
Syntax: normal | <length>
Initial value: normal
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/letter-spacing
Inherited from: CSS.PropertiesHyphenFallback.letter-spacing
Defined in: node_modules/csstype/index.d.ts:11187
letterSpacing
• Optional
letterSpacing: string | (undefined | string)[]
The letter-spacing
CSS property sets the horizontal spacing behavior between text characters. This value is added to the natural spacing between characters while rendering the text. Positive values of letter-spacing
causes characters to spread farther apart, while negative values of letter-spacing
bring characters closer together.
Syntax: normal | <length>
Initial value: normal
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/letter-spacing
Inherited from: CSS.PropertiesFallback.letterSpacing
Defined in: node_modules/csstype/index.d.ts:2486
lighting-color
• Optional
lighting-color: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | currentColor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | currentColor)[]
Inherited from: CSS.PropertiesHyphenFallback.lighting-color
Defined in: node_modules/csstype/index.d.ts:17401
lightingColor
• Optional
lightingColor: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | currentColor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | currentColor)[]
Inherited from: CSS.PropertiesFallback.lightingColor
Defined in: node_modules/csstype/index.d.ts:8685
line-break
• Optional
line-break: strict | -moz-initial | inherit | initial | revert | unset | normal | auto | anywhere | loose | (undefined | strict | -moz-initial | inherit | initial | revert | unset | normal | auto | anywhere | loose)[]
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
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
58 | 69 | 11 | 14 | 5.5 |
1 -x- | 3 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/line-break
Inherited from: CSS.PropertiesHyphenFallback.line-break
Defined in: node_modules/csstype/index.d.ts:11201
line-clamp
• Optional
line-clamp: -moz-initial | inherit | initial | revert | unset | none | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | none | number & {})[]
Syntax: none | <integer>
Initial value: none
Inherited from: CSS.PropertiesHyphenFallback.line-clamp
Defined in: node_modules/csstype/index.d.ts:14199
line-height
• Optional
line-height: string | string & {} | number & {} | (undefined | string | string & {} | number & {})[]
The line-height
CSS property sets the height of a line box. It's commonly used to set the distance between lines of text. On block-level elements, it specifies the minimum height of line boxes within the element. On non-replaced inline elements, it specifies the height that is used to calculate line box height.
Syntax: normal | <number> | <length> | <percentage>
Initial value: normal
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/line-height
Inherited from: CSS.PropertiesHyphenFallback.line-height
Defined in: node_modules/csstype/index.d.ts:11216
line-height-step
• Optional
line-height-step: string | (undefined | string)[]
The line-height-step
CSS property sets the step unit for line box heights. When the property is set, line box heights are rounded up to the closest multiple of the unit.
Syntax: <length>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
n/a | No | No | n/a | No |
see
https://developer.mozilla.org/docs/Web/CSS/line-height-step
Inherited from: CSS.PropertiesHyphenFallback.line-height-step
Defined in: node_modules/csstype/index.d.ts:11230
lineBreak
• Optional
lineBreak: strict | -moz-initial | inherit | initial | revert | unset | normal | auto | anywhere | loose | (undefined | strict | -moz-initial | inherit | initial | revert | unset | normal | auto | anywhere | loose)[]
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
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
58 | 69 | 11 | 14 | 5.5 |
1 -x- | 3 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/line-break
Inherited from: CSS.PropertiesFallback.lineBreak
Defined in: node_modules/csstype/index.d.ts:2501
lineClamp
• Optional
lineClamp: -moz-initial | inherit | initial | revert | unset | none | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | none | number & {})[]
Syntax: none | <integer>
Initial value: none
Inherited from: CSS.PropertiesFallback.lineClamp
Defined in: node_modules/csstype/index.d.ts:5490
lineHeight
• Optional
lineHeight: string | string & {} | number & {} | (undefined | string | string & {} | number & {})[]
The line-height
CSS property sets the height of a line box. It's commonly used to set the distance between lines of text. On block-level elements, it specifies the minimum height of line boxes within the element. On non-replaced inline elements, it specifies the height that is used to calculate line box height.
Syntax: normal | <number> | <length> | <percentage>
Initial value: normal
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/line-height
Inherited from: CSS.PropertiesFallback.lineHeight
Defined in: node_modules/csstype/index.d.ts:2515
lineHeightStep
• Optional
lineHeightStep: string | (undefined | string)[]
The line-height-step
CSS property sets the step unit for line box heights. When the property is set, line box heights are rounded up to the closest multiple of the unit.
Syntax: <length>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
n/a | No | No | n/a | No |
see
https://developer.mozilla.org/docs/Web/CSS/line-height-step
Inherited from: CSS.PropertiesFallback.lineHeightStep
Defined in: node_modules/csstype/index.d.ts:2529
list-style
• Optional
list-style: -moz-initial | inherit | initial | revert | unset | string & {} | none | inside | outside | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none | inside | outside)[]
The list-style
CSS shorthand property allows you set all the list style properties at once.
Syntax: <'list-style-type'> || <'list-style-position'> || <'list-style-image'>
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/list-style
Inherited from: CSS.PropertiesHyphenFallback.list-style
Defined in: node_modules/csstype/index.d.ts:14205
list-style-image
• Optional
list-style-image: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
The list-style-image
CSS property sets an image to be used as the list item marker.
Syntax: <url> | none
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/list-style-image
Inherited from: CSS.PropertiesHyphenFallback.list-style-image
Defined in: node_modules/csstype/index.d.ts:11244
list-style-position
• Optional
list-style-position: -moz-initial | inherit | initial | revert | unset | inside | outside | (undefined | -moz-initial | inherit | initial | revert | unset | inside | outside)[]
The list-style-position
CSS property sets the position of the ::marker
relative to a list item.
Syntax: inside | outside
Initial value: outside
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/list-style-position
Inherited from: CSS.PropertiesHyphenFallback.list-style-position
Defined in: node_modules/csstype/index.d.ts:11258
list-style-type
• Optional
list-style-type: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
The list-style-type
CSS property sets the marker (such as a disc, character, or custom counter style) of a list item element.
Syntax: <counter-style> | <string> | none
Initial value: disc
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/list-style-type
Inherited from: CSS.PropertiesHyphenFallback.list-style-type
Defined in: node_modules/csstype/index.d.ts:11272
listStyle
• Optional
listStyle: -moz-initial | inherit | initial | revert | unset | string & {} | none | inside | outside | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none | inside | outside)[]
The list-style
CSS shorthand property allows you set all the list style properties at once.
Syntax: <'list-style-type'> || <'list-style-position'> || <'list-style-image'>
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/list-style
Inherited from: CSS.PropertiesFallback.listStyle
Defined in: node_modules/csstype/index.d.ts:5502
listStyleImage
• Optional
listStyleImage: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
The list-style-image
CSS property sets an image to be used as the list item marker.
Syntax: <url> | none
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/list-style-image
Inherited from: CSS.PropertiesFallback.listStyleImage
Defined in: node_modules/csstype/index.d.ts:2543
listStylePosition
• Optional
listStylePosition: -moz-initial | inherit | initial | revert | unset | inside | outside | (undefined | -moz-initial | inherit | initial | revert | unset | inside | outside)[]
The list-style-position
CSS property sets the position of the ::marker
relative to a list item.
Syntax: inside | outside
Initial value: outside
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/list-style-position
Inherited from: CSS.PropertiesFallback.listStylePosition
Defined in: node_modules/csstype/index.d.ts:2557
listStyleType
• Optional
listStyleType: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
The list-style-type
CSS property sets the marker (such as a disc, character, or custom counter style) of a list item element.
Syntax: <counter-style> | <string> | none
Initial value: disc
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/list-style-type
Inherited from: CSS.PropertiesFallback.listStyleType
Defined in: node_modules/csstype/index.d.ts:2571
margin
• Optional
margin: string | string & {} | (undefined | string | string & {})[]
The margin
CSS property sets the margin area on all four sides of an element. It is a shorthand for margin-top
, margin-right
, margin-bottom
, and margin-left
.
Syntax: [ <length> | <percentage> | auto ]{1,4}
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 3 |
see
https://developer.mozilla.org/docs/Web/CSS/margin
Inherited from: CSS.PropertiesFallback.margin
Defined in: node_modules/csstype/index.d.ts:5514
margin-block
• Optional
margin-block: string | string & {} | (undefined | string | string & {})[]
The margin-block
CSS shorthand property defines the logical block start and end margins of an element, which maps to physical margins depending on the element's writing mode, directionality, and text orientation.
Syntax: <'margin-left'>{1,2}
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
87 | 66 | No | n/a | No |
see
https://developer.mozilla.org/docs/Web/CSS/margin-block
Inherited from: CSS.PropertiesHyphenFallback.margin-block
Defined in: node_modules/csstype/index.d.ts:11286
margin-block-end
• Optional
margin-block-end: string | string & {} | (undefined | string | string & {})[]
The margin-block-end
CSS property defines the logical block end margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation.
Syntax: <'margin-left'>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 41 | 12.1 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/margin-block-end
Inherited from: CSS.PropertiesHyphenFallback.margin-block-end
Defined in: node_modules/csstype/index.d.ts:11300
margin-block-start
• Optional
margin-block-start: string | string & {} | (undefined | string | string & {})[]
The margin-block-start
CSS property defines the logical block start margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation.
Syntax: <'margin-left'>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 41 | 12.1 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/margin-block-start
Inherited from: CSS.PropertiesHyphenFallback.margin-block-start
Defined in: node_modules/csstype/index.d.ts:11314
margin-bottom
• Optional
margin-bottom: string | string & {} | (undefined | string | string & {})[]
The margin-bottom
CSS property sets the margin area on the bottom of an element. A positive value places it farther from its neighbors, while a negative value places it closer.
Syntax: <length> | <percentage> | auto
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 3 |
see
https://developer.mozilla.org/docs/Web/CSS/margin-bottom
Inherited from: CSS.PropertiesHyphenFallback.margin-bottom
Defined in: node_modules/csstype/index.d.ts:11328
margin-inline
• Optional
margin-inline: string | string & {} | (undefined | string | string & {})[]
The margin-inline
CSS shorthand property is a shorthand property that defines both the logical inline start and end margins of an element, which maps to physical margins depending on the element's writing mode, directionality, and text orientation.
Syntax: <'margin-left'>{1,2}
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
87 | 66 | No | n/a | No |
see
https://developer.mozilla.org/docs/Web/CSS/margin-inline
Inherited from: CSS.PropertiesHyphenFallback.margin-inline
Defined in: node_modules/csstype/index.d.ts:11342
margin-inline-end
• Optional
margin-inline-end: string | string & {} | (undefined | string | string & {})[]
The margin-inline-end
CSS property defines the logical inline end margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation. In other words, it corresponds to the margin-top
, margin-right
, margin-bottom
or margin-left
property depending on the values defined for writing-mode
, direction
, and text-orientation
.
Syntax: <'margin-left'>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 41 | 12.1 | 79 | No |
2 (-webkit-margin-end) | 3 (-moz-margin-end) | 3 (-webkit-margin-end) |
see
https://developer.mozilla.org/docs/Web/CSS/margin-inline-end
Inherited from: CSS.PropertiesHyphenFallback.margin-inline-end
Defined in: node_modules/csstype/index.d.ts:11356
margin-inline-start
• Optional
margin-inline-start: string | string & {} | (undefined | string | string & {})[]
The margin-inline-start
CSS property defines the logical inline start margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation. It corresponds to the margin-top
, margin-right
, margin-bottom
, or margin-left
property depending on the values defined for writing-mode
, direction
, and text-orientation
.
Syntax: <'margin-left'>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 41 | 12.1 | 79 | No |
2 (-webkit-margin-start) | 3 (-moz-margin-start) | 3 (-webkit-margin-start) |
see
https://developer.mozilla.org/docs/Web/CSS/margin-inline-start
Inherited from: CSS.PropertiesHyphenFallback.margin-inline-start
Defined in: node_modules/csstype/index.d.ts:11371
margin-left
• Optional
margin-left: string | string & {} | (undefined | string | string & {})[]
The margin-left
CSS property sets the margin area on the left side of an element. A positive value places it farther from its neighbors, while a negative value places it closer.
Syntax: <length> | <percentage> | auto
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 3 |
see
https://developer.mozilla.org/docs/Web/CSS/margin-left
Inherited from: CSS.PropertiesHyphenFallback.margin-left
Defined in: node_modules/csstype/index.d.ts:11386
margin-right
• Optional
margin-right: string | string & {} | (undefined | string | string & {})[]
The margin-right
CSS property sets the margin area on the right side of an element. A positive value places it farther from its neighbors, while a negative value places it closer.
Syntax: <length> | <percentage> | auto
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 3 |
see
https://developer.mozilla.org/docs/Web/CSS/margin-right
Inherited from: CSS.PropertiesHyphenFallback.margin-right
Defined in: node_modules/csstype/index.d.ts:11400
margin-top
• Optional
margin-top: string | string & {} | (undefined | string | string & {})[]
The margin-top
CSS property sets the margin area on the top of an element. A positive value places it farther from its neighbors, while a negative value places it closer.
Syntax: <length> | <percentage> | auto
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 3 |
see
https://developer.mozilla.org/docs/Web/CSS/margin-top
Inherited from: CSS.PropertiesHyphenFallback.margin-top
Defined in: node_modules/csstype/index.d.ts:11414
marginBlock
• Optional
marginBlock: string | string & {} | (undefined | string | string & {})[]
The margin-block
CSS shorthand property defines the logical block start and end margins of an element, which maps to physical margins depending on the element's writing mode, directionality, and text orientation.
Syntax: <'margin-left'>{1,2}
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
87 | 66 | No | n/a | No |
see
https://developer.mozilla.org/docs/Web/CSS/margin-block
Inherited from: CSS.PropertiesFallback.marginBlock
Defined in: node_modules/csstype/index.d.ts:2585
marginBlockEnd
• Optional
marginBlockEnd: string | string & {} | (undefined | string | string & {})[]
The margin-block-end
CSS property defines the logical block end margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation.
Syntax: <'margin-left'>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 41 | 12.1 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/margin-block-end
Inherited from: CSS.PropertiesFallback.marginBlockEnd
Defined in: node_modules/csstype/index.d.ts:2599
marginBlockStart
• Optional
marginBlockStart: string | string & {} | (undefined | string | string & {})[]
The margin-block-start
CSS property defines the logical block start margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation.
Syntax: <'margin-left'>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 41 | 12.1 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/margin-block-start
Inherited from: CSS.PropertiesFallback.marginBlockStart
Defined in: node_modules/csstype/index.d.ts:2613
marginBottom
• Optional
marginBottom: string | string & {} | (undefined | string | string & {})[]
The margin-bottom
CSS property sets the margin area on the bottom of an element. A positive value places it farther from its neighbors, while a negative value places it closer.
Syntax: <length> | <percentage> | auto
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 3 |
see
https://developer.mozilla.org/docs/Web/CSS/margin-bottom
Inherited from: CSS.PropertiesFallback.marginBottom
Defined in: node_modules/csstype/index.d.ts:2627
marginInline
• Optional
marginInline: string | string & {} | (undefined | string | string & {})[]
The margin-inline
CSS shorthand property is a shorthand property that defines both the logical inline start and end margins of an element, which maps to physical margins depending on the element's writing mode, directionality, and text orientation.
Syntax: <'margin-left'>{1,2}
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
87 | 66 | No | n/a | No |
see
https://developer.mozilla.org/docs/Web/CSS/margin-inline
Inherited from: CSS.PropertiesFallback.marginInline
Defined in: node_modules/csstype/index.d.ts:2641
marginInlineEnd
• Optional
marginInlineEnd: string | string & {} | (undefined | string | string & {})[]
The margin-inline-end
CSS property defines the logical inline end margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation. In other words, it corresponds to the margin-top
, margin-right
, margin-bottom
or margin-left
property depending on the values defined for writing-mode
, direction
, and text-orientation
.
Syntax: <'margin-left'>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 41 | 12.1 | 79 | No |
2 (-webkit-margin-end) | 3 (-moz-margin-end) | 3 (-webkit-margin-end) |
see
https://developer.mozilla.org/docs/Web/CSS/margin-inline-end
Inherited from: CSS.PropertiesFallback.marginInlineEnd
Defined in: node_modules/csstype/index.d.ts:2656
marginInlineStart
• Optional
marginInlineStart: string | string & {} | (undefined | string | string & {})[]
The margin-inline-start
CSS property defines the logical inline start margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation. It corresponds to the margin-top
, margin-right
, margin-bottom
, or margin-left
property depending on the values defined for writing-mode
, direction
, and text-orientation
.
Syntax: <'margin-left'>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 41 | 12.1 | 79 | No |
2 (-webkit-margin-start) | 3 (-moz-margin-start) | 3 (-webkit-margin-start) |
see
https://developer.mozilla.org/docs/Web/CSS/margin-inline-start
Inherited from: CSS.PropertiesFallback.marginInlineStart
Defined in: node_modules/csstype/index.d.ts:2671
marginLeft
• Optional
marginLeft: string | string & {} | (undefined | string | string & {})[]
The margin-left
CSS property sets the margin area on the left side of an element. A positive value places it farther from its neighbors, while a negative value places it closer.
Syntax: <length> | <percentage> | auto
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 3 |
see
https://developer.mozilla.org/docs/Web/CSS/margin-left
Inherited from: CSS.PropertiesFallback.marginLeft
Defined in: node_modules/csstype/index.d.ts:2685
marginRight
• Optional
marginRight: string | string & {} | (undefined | string | string & {})[]
The margin-right
CSS property sets the margin area on the right side of an element. A positive value places it farther from its neighbors, while a negative value places it closer.
Syntax: <length> | <percentage> | auto
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 3 |
see
https://developer.mozilla.org/docs/Web/CSS/margin-right
Inherited from: CSS.PropertiesFallback.marginRight
Defined in: node_modules/csstype/index.d.ts:2699
marginTop
• Optional
marginTop: string | string & {} | (undefined | string | string & {})[]
The margin-top
CSS property sets the margin area on the top of an element. A positive value places it farther from its neighbors, while a negative value places it closer.
Syntax: <length> | <percentage> | auto
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 3 |
see
https://developer.mozilla.org/docs/Web/CSS/margin-top
Inherited from: CSS.PropertiesFallback.marginTop
Defined in: node_modules/csstype/index.d.ts:2713
marker
• Optional
marker: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
Inherited from: CSS.PropertiesFallback.marker
Defined in: node_modules/csstype/index.d.ts:8687
marker-end
• Optional
marker-end: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
Inherited from: CSS.PropertiesHyphenFallback.marker-end
Defined in: node_modules/csstype/index.d.ts:17404
marker-mid
• Optional
marker-mid: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
Inherited from: CSS.PropertiesHyphenFallback.marker-mid
Defined in: node_modules/csstype/index.d.ts:17405
marker-start
• Optional
marker-start: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
Inherited from: CSS.PropertiesHyphenFallback.marker-start
Defined in: node_modules/csstype/index.d.ts:17406
markerEnd
• Optional
markerEnd: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
Inherited from: CSS.PropertiesFallback.markerEnd
Defined in: node_modules/csstype/index.d.ts:8688
markerMid
• Optional
markerMid: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
Inherited from: CSS.PropertiesFallback.markerMid
Defined in: node_modules/csstype/index.d.ts:8689
markerStart
• Optional
markerStart: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
Inherited from: CSS.PropertiesFallback.markerStart
Defined in: node_modules/csstype/index.d.ts:8690
mask
• Optional
mask: string | string & {} | (undefined | string | string & {})[]
The mask
CSS shorthand property hides an element (partially or fully) by masking or clipping the image at specific points.
Syntax: <mask-layer>#
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 2 | 3.2 | 12 | No |
see
https://developer.mozilla.org/docs/Web/CSS/mask
Inherited from: CSS.PropertiesFallback.mask
Defined in: node_modules/csstype/index.d.ts:5526
mask-border
• Optional
mask-border: space | -moz-initial | inherit | initial | revert | unset | stretch | string & {} | none | number & {} | repeat | round | alpha | luminance | (undefined | space | -moz-initial | inherit | initial | revert | unset | stretch | string & {} | none | number & {} | repeat | round | alpha | luminance)[]
The mask-border
CSS shorthand property lets you create a mask along the edge of an element's border.
Syntax: <'mask-border-source'> || <'mask-border-slice'> [ / <'mask-border-width'>? [ / <'mask-border-outset'> ]? ]? || <'mask-border-repeat'> || <'mask-border-mode'>
Inherited from: CSS.PropertiesHyphenFallback.mask-border
Defined in: node_modules/csstype/index.d.ts:14241
mask-border-mode
• Optional
mask-border-mode: -moz-initial | inherit | initial | revert | unset | alpha | luminance | (undefined | -moz-initial | inherit | initial | revert | unset | alpha | luminance)[]
The mask-border-mode
CSS property specifies the blending mode used in a mask border.
Syntax: luminance | alpha
Initial value: alpha
Inherited from: CSS.PropertiesHyphenFallback.mask-border-mode
Defined in: node_modules/csstype/index.d.ts:11428
mask-border-outset
• Optional
mask-border-outset: string | string & {} | number & {} | (undefined | string | string & {} | number & {})[]
The mask-border-outset
CSS property specifies the distance by which an element's mask border is set out from its border box.
Syntax: [ <length> | <number> ]{1,4}
Initial value: 0
Inherited from: CSS.PropertiesHyphenFallback.mask-border-outset
Defined in: node_modules/csstype/index.d.ts:11436
mask-border-repeat
• Optional
mask-border-repeat: space | -moz-initial | inherit | initial | revert | unset | stretch | string & {} | repeat | round | (undefined | space | -moz-initial | inherit | initial | revert | unset | stretch | string & {} | repeat | round)[]
The mask-border-repeat
CSS property sets how the edge regions of a source image are adjusted to fit the dimensions of an element's mask border.
Syntax: [ stretch | repeat | round | space ]{1,2}
Initial value: stretch
Inherited from: CSS.PropertiesHyphenFallback.mask-border-repeat
Defined in: node_modules/csstype/index.d.ts:11444
mask-border-slice
• Optional
mask-border-slice: -moz-initial | inherit | initial | revert | unset | string & {} | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | number & {})[]
The mask-border-slice
CSS property divides the image set by mask-border-source
into regions. These regions are used to form the components of an element's mask border.
Syntax: <number-percentage>{1,4} fill?
Initial value: 0
Inherited from: CSS.PropertiesHyphenFallback.mask-border-slice
Defined in: node_modules/csstype/index.d.ts:11452
mask-border-source
• Optional
mask-border-source: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
The mask-border-source
CSS property sets the source image used to create an element's mask border.
Syntax: none | <image>
Initial value: none
Inherited from: CSS.PropertiesHyphenFallback.mask-border-source
Defined in: node_modules/csstype/index.d.ts:11460
mask-border-width
• Optional
mask-border-width: string | string & {} | number & {} | (undefined | string | string & {} | number & {})[]
The mask-border-width
CSS property sets the width of an element's mask border.
Syntax: [ <length-percentage> | <number> | auto ]{1,4}
Initial value: auto
Inherited from: CSS.PropertiesHyphenFallback.mask-border-width
Defined in: node_modules/csstype/index.d.ts:11468
mask-clip
• Optional
mask-clip: -moz-initial | inherit | initial | revert | unset | string & {} | border-box | content-box | padding-box | fill-box | margin-box | stroke-box | view-box | no-clip | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | border-box | content-box | padding-box | fill-box | margin-box | stroke-box | view-box | no-clip)[]
The mask-clip
CSS property determines the area which is affected by a mask. The painted content of an element must be restricted to this area.
Syntax: [ <geometry-box> | no-clip ]#
Initial value: border-box
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 -x- | 53 | 4 -x- | 79 -x- | No |
see
https://developer.mozilla.org/docs/Web/CSS/mask-clip
Inherited from: CSS.PropertiesHyphenFallback.mask-clip
Defined in: node_modules/csstype/index.d.ts:11476
mask-composite
• Optional
mask-composite: -moz-initial | inherit | initial | revert | unset | string & {} | add | exclude | intersect | subtract | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | add | exclude | intersect | subtract)[]
The mask-composite
CSS property represents a compositing operation used on the current mask layer with the mask layers below it.
Syntax: <compositing-operator>#
Initial value: add
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
No | 53 | No | 18-79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/mask-composite
Inherited from: CSS.PropertiesHyphenFallback.mask-composite
Defined in: node_modules/csstype/index.d.ts:11490
mask-image
• Optional
mask-image: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
The mask-image
CSS property sets the image that is used as mask layer for an element.
Syntax: <mask-reference>#
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 -x- | 53 | 4 -x- | 16 | No |
see
https://developer.mozilla.org/docs/Web/CSS/mask-image
Inherited from: CSS.PropertiesHyphenFallback.mask-image
Defined in: node_modules/csstype/index.d.ts:11504
mask-mode
• Optional
mask-mode: -moz-initial | inherit | initial | revert | unset | string & {} | alpha | luminance | match-source | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | alpha | luminance | match-source)[]
The mask-mode
CSS property sets whether the mask reference defined by mask-image
is treated as a luminance or alpha mask.
Syntax: <masking-mode>#
Initial value: match-source
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
No | 53 | No | No | No |
see
https://developer.mozilla.org/docs/Web/CSS/mask-mode
Inherited from: CSS.PropertiesHyphenFallback.mask-mode
Defined in: node_modules/csstype/index.d.ts:11518
mask-origin
• Optional
mask-origin: -moz-initial | inherit | initial | revert | unset | string & {} | border-box | content-box | padding-box | margin-box | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | border-box | content-box | padding-box | margin-box)[]
The mask-origin
CSS property sets the origin of a mask.
Syntax: <geometry-box>#
Initial value: border-box
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 -x- | 53 | 4 -x- | 79 -x- | No |
see
https://developer.mozilla.org/docs/Web/CSS/mask-origin
Inherited from: CSS.PropertiesHyphenFallback.mask-origin
Defined in: node_modules/csstype/index.d.ts:11532
mask-position
• Optional
mask-position: string | string & {} | (undefined | string | string & {})[]
The mask-position
CSS property sets the initial position, relative to the mask position layer set by mask-origin
, for each defined mask image.
Syntax: <position>#
Initial value: center
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 -x- | 53 | 3.2 -x- | 18 | No |
see
https://developer.mozilla.org/docs/Web/CSS/mask-position
Inherited from: CSS.PropertiesHyphenFallback.mask-position
Defined in: node_modules/csstype/index.d.ts:11546
mask-repeat
• Optional
mask-repeat: space | -moz-initial | inherit | initial | revert | unset | string & {} | no-repeat | repeat | repeat-x | repeat-y | round | (undefined | space | -moz-initial | inherit | initial | revert | unset | string & {} | no-repeat | repeat | repeat-x | repeat-y | round)[]
The mask-repeat
CSS property sets how mask images are repeated. A mask image can be repeated along the horizontal axis, the vertical axis, both axes, or not repeated at all.
Syntax: <repeat-style>#
Initial value: no-repeat
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 -x- | 53 | 3.2 -x- | 18 | No |
see
https://developer.mozilla.org/docs/Web/CSS/mask-repeat
Inherited from: CSS.PropertiesHyphenFallback.mask-repeat
Defined in: node_modules/csstype/index.d.ts:11560
mask-size
• Optional
mask-size: string | string & {} | (undefined | string | string & {})[]
The mask-size
CSS property specifies the sizes of the mask images. The size of the image can be fully or partially constrained in order to preserve its intrinsic ratio.
Syntax: <bg-size>#
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
4 -x- | 53 | 4 -x- | 18 | No |
see
https://developer.mozilla.org/docs/Web/CSS/mask-size
Inherited from: CSS.PropertiesHyphenFallback.mask-size
Defined in: node_modules/csstype/index.d.ts:11574
mask-type
• Optional
mask-type: -moz-initial | inherit | initial | revert | unset | alpha | luminance | (undefined | -moz-initial | inherit | initial | revert | unset | alpha | luminance)[]
The mask-type
CSS property sets whether an SVG <mask>
element is used as a luminance or an alpha mask. It applies to the <mask>
element itself.
Syntax: luminance | alpha
Initial value: luminance
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
24 | 35 | 6.1 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/mask-type
Inherited from: CSS.PropertiesHyphenFallback.mask-type
Defined in: node_modules/csstype/index.d.ts:11588
maskBorder
• Optional
maskBorder: space | -moz-initial | inherit | initial | revert | unset | stretch | string & {} | none | number & {} | repeat | round | alpha | luminance | (undefined | space | -moz-initial | inherit | initial | revert | unset | stretch | string & {} | none | number & {} | repeat | round | alpha | luminance)[]
The mask-border
CSS shorthand property lets you create a mask along the edge of an element's border.
Syntax: <'mask-border-source'> || <'mask-border-slice'> [ / <'mask-border-width'>? [ / <'mask-border-outset'> ]? ]? || <'mask-border-repeat'> || <'mask-border-mode'>
Inherited from: CSS.PropertiesFallback.maskBorder
Defined in: node_modules/csstype/index.d.ts:5532
maskBorderMode
• Optional
maskBorderMode: -moz-initial | inherit | initial | revert | unset | alpha | luminance | (undefined | -moz-initial | inherit | initial | revert | unset | alpha | luminance)[]
The mask-border-mode
CSS property specifies the blending mode used in a mask border.
Syntax: luminance | alpha
Initial value: alpha
Inherited from: CSS.PropertiesFallback.maskBorderMode
Defined in: node_modules/csstype/index.d.ts:2721
maskBorderOutset
• Optional
maskBorderOutset: string | string & {} | number & {} | (undefined | string | string & {} | number & {})[]
The mask-border-outset
CSS property specifies the distance by which an element's mask border is set out from its border box.
Syntax: [ <length> | <number> ]{1,4}
Initial value: 0
Inherited from: CSS.PropertiesFallback.maskBorderOutset
Defined in: node_modules/csstype/index.d.ts:2729
maskBorderRepeat
• Optional
maskBorderRepeat: space | -moz-initial | inherit | initial | revert | unset | stretch | string & {} | repeat | round | (undefined | space | -moz-initial | inherit | initial | revert | unset | stretch | string & {} | repeat | round)[]
The mask-border-repeat
CSS property sets how the edge regions of a source image are adjusted to fit the dimensions of an element's mask border.
Syntax: [ stretch | repeat | round | space ]{1,2}
Initial value: stretch
Inherited from: CSS.PropertiesFallback.maskBorderRepeat
Defined in: node_modules/csstype/index.d.ts:2737
maskBorderSlice
• Optional
maskBorderSlice: -moz-initial | inherit | initial | revert | unset | string & {} | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | number & {})[]
The mask-border-slice
CSS property divides the image set by mask-border-source
into regions. These regions are used to form the components of an element's mask border.
Syntax: <number-percentage>{1,4} fill?
Initial value: 0
Inherited from: CSS.PropertiesFallback.maskBorderSlice
Defined in: node_modules/csstype/index.d.ts:2745
maskBorderSource
• Optional
maskBorderSource: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
The mask-border-source
CSS property sets the source image used to create an element's mask border.
Syntax: none | <image>
Initial value: none
Inherited from: CSS.PropertiesFallback.maskBorderSource
Defined in: node_modules/csstype/index.d.ts:2753
maskBorderWidth
• Optional
maskBorderWidth: string | string & {} | number & {} | (undefined | string | string & {} | number & {})[]
The mask-border-width
CSS property sets the width of an element's mask border.
Syntax: [ <length-percentage> | <number> | auto ]{1,4}
Initial value: auto
Inherited from: CSS.PropertiesFallback.maskBorderWidth
Defined in: node_modules/csstype/index.d.ts:2761
maskClip
• Optional
maskClip: -moz-initial | inherit | initial | revert | unset | string & {} | border-box | content-box | padding-box | fill-box | margin-box | stroke-box | view-box | no-clip | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | border-box | content-box | padding-box | fill-box | margin-box | stroke-box | view-box | no-clip)[]
The mask-clip
CSS property determines the area which is affected by a mask. The painted content of an element must be restricted to this area.
Syntax: [ <geometry-box> | no-clip ]#
Initial value: border-box
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 -x- | 53 | 4 -x- | 79 -x- | No |
see
https://developer.mozilla.org/docs/Web/CSS/mask-clip
Inherited from: CSS.PropertiesFallback.maskClip
Defined in: node_modules/csstype/index.d.ts:2775
maskComposite
• Optional
maskComposite: -moz-initial | inherit | initial | revert | unset | string & {} | add | exclude | intersect | subtract | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | add | exclude | intersect | subtract)[]
The mask-composite
CSS property represents a compositing operation used on the current mask layer with the mask layers below it.
Syntax: <compositing-operator>#
Initial value: add
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
No | 53 | No | 18-79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/mask-composite
Inherited from: CSS.PropertiesFallback.maskComposite
Defined in: node_modules/csstype/index.d.ts:2789
maskImage
• Optional
maskImage: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
The mask-image
CSS property sets the image that is used as mask layer for an element.
Syntax: <mask-reference>#
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 -x- | 53 | 4 -x- | 16 | No |
see
https://developer.mozilla.org/docs/Web/CSS/mask-image
Inherited from: CSS.PropertiesFallback.maskImage
Defined in: node_modules/csstype/index.d.ts:2803
maskMode
• Optional
maskMode: -moz-initial | inherit | initial | revert | unset | string & {} | alpha | luminance | match-source | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | alpha | luminance | match-source)[]
The mask-mode
CSS property sets whether the mask reference defined by mask-image
is treated as a luminance or alpha mask.
Syntax: <masking-mode>#
Initial value: match-source
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
No | 53 | No | No | No |
see
https://developer.mozilla.org/docs/Web/CSS/mask-mode
Inherited from: CSS.PropertiesFallback.maskMode
Defined in: node_modules/csstype/index.d.ts:2817
maskOrigin
• Optional
maskOrigin: -moz-initial | inherit | initial | revert | unset | string & {} | border-box | content-box | padding-box | margin-box | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | border-box | content-box | padding-box | margin-box)[]
The mask-origin
CSS property sets the origin of a mask.
Syntax: <geometry-box>#
Initial value: border-box
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 -x- | 53 | 4 -x- | 79 -x- | No |
see
https://developer.mozilla.org/docs/Web/CSS/mask-origin
Inherited from: CSS.PropertiesFallback.maskOrigin
Defined in: node_modules/csstype/index.d.ts:2831
maskPosition
• Optional
maskPosition: string | string & {} | (undefined | string | string & {})[]
The mask-position
CSS property sets the initial position, relative to the mask position layer set by mask-origin
, for each defined mask image.
Syntax: <position>#
Initial value: center
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 -x- | 53 | 3.2 -x- | 18 | No |
see
https://developer.mozilla.org/docs/Web/CSS/mask-position
Inherited from: CSS.PropertiesFallback.maskPosition
Defined in: node_modules/csstype/index.d.ts:2845
maskRepeat
• Optional
maskRepeat: space | -moz-initial | inherit | initial | revert | unset | string & {} | no-repeat | repeat | repeat-x | repeat-y | round | (undefined | space | -moz-initial | inherit | initial | revert | unset | string & {} | no-repeat | repeat | repeat-x | repeat-y | round)[]
The mask-repeat
CSS property sets how mask images are repeated. A mask image can be repeated along the horizontal axis, the vertical axis, both axes, or not repeated at all.
Syntax: <repeat-style>#
Initial value: no-repeat
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 -x- | 53 | 3.2 -x- | 18 | No |
see
https://developer.mozilla.org/docs/Web/CSS/mask-repeat
Inherited from: CSS.PropertiesFallback.maskRepeat
Defined in: node_modules/csstype/index.d.ts:2859
maskSize
• Optional
maskSize: string | string & {} | (undefined | string | string & {})[]
The mask-size
CSS property specifies the sizes of the mask images. The size of the image can be fully or partially constrained in order to preserve its intrinsic ratio.
Syntax: <bg-size>#
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
4 -x- | 53 | 4 -x- | 18 | No |
see
https://developer.mozilla.org/docs/Web/CSS/mask-size
Inherited from: CSS.PropertiesFallback.maskSize
Defined in: node_modules/csstype/index.d.ts:2873
maskType
• Optional
maskType: -moz-initial | inherit | initial | revert | unset | alpha | luminance | (undefined | -moz-initial | inherit | initial | revert | unset | alpha | luminance)[]
The mask-type
CSS property sets whether an SVG <mask>
element is used as a luminance or an alpha mask. It applies to the <mask>
element itself.
Syntax: luminance | alpha
Initial value: luminance
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
24 | 35 | 6.1 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/mask-type
Inherited from: CSS.PropertiesFallback.maskType
Defined in: node_modules/csstype/index.d.ts:2887
math-style
• Optional
math-style: -moz-initial | inherit | initial | revert | unset | normal | compact | (undefined | -moz-initial | inherit | initial | revert | unset | normal | compact)[]
The math-style
property indicates whether MathML equations should render with normal or compact height.
Syntax: normal | compact
Initial value: normal
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
n/a | n/a | No | No | No |
see
https://developer.mozilla.org/docs/Web/CSS/math-style
Inherited from: CSS.PropertiesHyphenFallback.math-style
Defined in: node_modules/csstype/index.d.ts:11602
mathStyle
• Optional
mathStyle: -moz-initial | inherit | initial | revert | unset | normal | compact | (undefined | -moz-initial | inherit | initial | revert | unset | normal | compact)[]
The math-style
property indicates whether MathML equations should render with normal or compact height.
Syntax: normal | compact
Initial value: normal
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
n/a | n/a | No | No | No |
see
https://developer.mozilla.org/docs/Web/CSS/math-style
Inherited from: CSS.PropertiesFallback.mathStyle
Defined in: node_modules/csstype/index.d.ts:2901
max-block-size
• Optional
max-block-size: string | string & {} | (undefined | string | string & {})[]
The **max-block-size**
CSS property specifies the maximum size of an element in the direction opposite that of the writing direction as specified by writing-mode
. That is, if the writing direction is horizontal, then max-block-size
is equivalent to max-height
; if the writing direction is vertical, max-block-size
is the same as max-width
.
Syntax: <'max-width'>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
57 | 41 | 12.1 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/max-block-size
Inherited from: CSS.PropertiesHyphenFallback.max-block-size
Defined in: node_modules/csstype/index.d.ts:11616
max-height
• Optional
max-height: string | string & {} | (undefined | string | string & {})[]
The max-height
CSS property sets the maximum height of an element. It prevents the used value of the height
property from becoming larger than the value specified for max-height
.
Syntax: none | <length-percentage> | min-content | max-content | fit-content(<length-percentage>)
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
18 | 1 | 1.3 | 12 | 7 |
see
https://developer.mozilla.org/docs/Web/CSS/max-height
Inherited from: CSS.PropertiesHyphenFallback.max-height
Defined in: node_modules/csstype/index.d.ts:11630
max-inline-size
• Optional
max-inline-size: string | string & {} | (undefined | string | string & {})[]
The max-inline-size
CSS property defines the horizontal or vertical maximum size of an element's block, depending on its writing mode. It corresponds to either the max-width
or the max-height
property, depending on the value of writing-mode
.
Syntax: <'max-width'>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
57 | 41 | 12.1 | 79 | No |
10.1 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/max-inline-size
Inherited from: CSS.PropertiesHyphenFallback.max-inline-size
Defined in: node_modules/csstype/index.d.ts:11644
max-lines
• Optional
max-lines: -moz-initial | inherit | initial | revert | unset | none | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | none | number & {})[]
Syntax: none | <integer>
Initial value: none
Inherited from: CSS.PropertiesHyphenFallback.max-lines
Defined in: node_modules/csstype/index.d.ts:11659
max-width
• Optional
max-width: string | string & {} | (undefined | string | string & {})[]
The max-width
CSS property sets the maximum width of an element. It prevents the used value of the width
property from becoming larger than the value specified by max-width
.
Syntax: none | <length-percentage> | min-content | max-content | fit-content(<length-percentage>)
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 7 |
see
https://developer.mozilla.org/docs/Web/CSS/max-width
Inherited from: CSS.PropertiesHyphenFallback.max-width
Defined in: node_modules/csstype/index.d.ts:11665
maxBlockSize
• Optional
maxBlockSize: string | string & {} | (undefined | string | string & {})[]
The **max-block-size**
CSS property specifies the maximum size of an element in the direction opposite that of the writing direction as specified by writing-mode
. That is, if the writing direction is horizontal, then max-block-size
is equivalent to max-height
; if the writing direction is vertical, max-block-size
is the same as max-width
.
Syntax: <'max-width'>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
57 | 41 | 12.1 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/max-block-size
Inherited from: CSS.PropertiesFallback.maxBlockSize
Defined in: node_modules/csstype/index.d.ts:2915
maxHeight
• Optional
maxHeight: string | string & {} | (undefined | string | string & {})[]
The max-height
CSS property sets the maximum height of an element. It prevents the used value of the height
property from becoming larger than the value specified for max-height
.
Syntax: none | <length-percentage> | min-content | max-content | fit-content(<length-percentage>)
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
18 | 1 | 1.3 | 12 | 7 |
see
https://developer.mozilla.org/docs/Web/CSS/max-height
Inherited from: CSS.PropertiesFallback.maxHeight
Defined in: node_modules/csstype/index.d.ts:2929
maxInlineSize
• Optional
maxInlineSize: string | string & {} | (undefined | string | string & {})[]
The max-inline-size
CSS property defines the horizontal or vertical maximum size of an element's block, depending on its writing mode. It corresponds to either the max-width
or the max-height
property, depending on the value of writing-mode
.
Syntax: <'max-width'>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
57 | 41 | 12.1 | 79 | No |
10.1 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/max-inline-size
Inherited from: CSS.PropertiesFallback.maxInlineSize
Defined in: node_modules/csstype/index.d.ts:2944
maxLines
• Optional
maxLines: -moz-initial | inherit | initial | revert | unset | none | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | none | number & {})[]
Syntax: none | <integer>
Initial value: none
Inherited from: CSS.PropertiesFallback.maxLines
Defined in: node_modules/csstype/index.d.ts:2950
maxWidth
• Optional
maxWidth: string | string & {} | (undefined | string | string & {})[]
The max-width
CSS property sets the maximum width of an element. It prevents the used value of the width
property from becoming larger than the value specified by max-width
.
Syntax: none | <length-percentage> | min-content | max-content | fit-content(<length-percentage>)
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 7 |
see
https://developer.mozilla.org/docs/Web/CSS/max-width
Inherited from: CSS.PropertiesFallback.maxWidth
Defined in: node_modules/csstype/index.d.ts:2964
min-block-size
• Optional
min-block-size: string | string & {} | (undefined | string | string & {})[]
The min-block-size
CSS property defines the minimum horizontal or vertical size of an element's block, depending on its writing mode. It corresponds to either the min-width
or the min-height
property, depending on the value of writing-mode
.
Syntax: <'min-width'>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
57 | 41 | 12.1 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/min-block-size
Inherited from: CSS.PropertiesHyphenFallback.min-block-size
Defined in: node_modules/csstype/index.d.ts:11679
min-height
• Optional
min-height: string | string & {} | (undefined | string | string & {})[]
The min-height
CSS property sets the minimum height of an element. It prevents the used value of the height
property from becoming smaller than the value specified for min-height
.
Syntax: auto | <length> | <percentage> | min-content | max-content | fit-content(<length-percentage>)
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 3 | 1.3 | 12 | 7 |
see
https://developer.mozilla.org/docs/Web/CSS/min-height
Inherited from: CSS.PropertiesHyphenFallback.min-height
Defined in: node_modules/csstype/index.d.ts:11693
min-inline-size
• Optional
min-inline-size: string | string & {} | (undefined | string | string & {})[]
The min-inline-size
CSS property defines the horizontal or vertical minimal size of an element's block, depending on its writing mode. It corresponds to either the min-width
or the min-height
property, depending on the value of writing-mode
.
Syntax: <'min-width'>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
57 | 41 | 12.1 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/min-inline-size
Inherited from: CSS.PropertiesHyphenFallback.min-inline-size
Defined in: node_modules/csstype/index.d.ts:11707
min-width
• Optional
min-width: string | string & {} | (undefined | string | string & {})[]
The min-width
CSS property sets the minimum width of an element. It prevents the used value of the width
property from becoming smaller than the value specified for min-width
.
Syntax: auto | <length> | <percentage> | min-content | max-content | fit-content(<length-percentage>)
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 7 |
see
https://developer.mozilla.org/docs/Web/CSS/min-width
Inherited from: CSS.PropertiesHyphenFallback.min-width
Defined in: node_modules/csstype/index.d.ts:11721
minBlockSize
• Optional
minBlockSize: string | string & {} | (undefined | string | string & {})[]
The min-block-size
CSS property defines the minimum horizontal or vertical size of an element's block, depending on its writing mode. It corresponds to either the min-width
or the min-height
property, depending on the value of writing-mode
.
Syntax: <'min-width'>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
57 | 41 | 12.1 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/min-block-size
Inherited from: CSS.PropertiesFallback.minBlockSize
Defined in: node_modules/csstype/index.d.ts:2978
minHeight
• Optional
minHeight: string | string & {} | (undefined | string | string & {})[]
The min-height
CSS property sets the minimum height of an element. It prevents the used value of the height
property from becoming smaller than the value specified for min-height
.
Syntax: auto | <length> | <percentage> | min-content | max-content | fit-content(<length-percentage>)
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 3 | 1.3 | 12 | 7 |
see
https://developer.mozilla.org/docs/Web/CSS/min-height
Inherited from: CSS.PropertiesFallback.minHeight
Defined in: node_modules/csstype/index.d.ts:2992
minInlineSize
• Optional
minInlineSize: string | string & {} | (undefined | string | string & {})[]
The min-inline-size
CSS property defines the horizontal or vertical minimal size of an element's block, depending on its writing mode. It corresponds to either the min-width
or the min-height
property, depending on the value of writing-mode
.
Syntax: <'min-width'>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
57 | 41 | 12.1 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/min-inline-size
Inherited from: CSS.PropertiesFallback.minInlineSize
Defined in: node_modules/csstype/index.d.ts:3006
minWidth
• Optional
minWidth: string | string & {} | (undefined | string | string & {})[]
The min-width
CSS property sets the minimum width of an element. It prevents the used value of the width
property from becoming smaller than the value specified for min-width
.
Syntax: auto | <length> | <percentage> | min-content | max-content | fit-content(<length-percentage>)
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 7 |
see
https://developer.mozilla.org/docs/Web/CSS/min-width
Inherited from: CSS.PropertiesFallback.minWidth
Defined in: node_modules/csstype/index.d.ts:3020
mix-blend-mode
• Optional
mix-blend-mode: color | -moz-initial | inherit | initial | revert | unset | normal | color-burn | color-dodge | darken | difference | exclusion | hard-light | hue | lighten | luminosity | multiply | overlay | saturation | screen | soft-light | (undefined | color | -moz-initial | inherit | initial | revert | unset | normal | color-burn | color-dodge | darken | difference | exclusion | hard-light | hue | lighten | luminosity | multiply | overlay | saturation | screen | soft-light)[]
The mix-blend-mode
CSS property sets how an element's content should blend with the content of the element's parent and the element's background.
Syntax: <blend-mode>
Initial value: normal
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
41 | 32 | 8 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/mix-blend-mode
Inherited from: CSS.PropertiesHyphenFallback.mix-blend-mode
Defined in: node_modules/csstype/index.d.ts:11735
mixBlendMode
• Optional
mixBlendMode: color | -moz-initial | inherit | initial | revert | unset | normal | color-burn | color-dodge | darken | difference | exclusion | hard-light | hue | lighten | luminosity | multiply | overlay | saturation | screen | soft-light | (undefined | color | -moz-initial | inherit | initial | revert | unset | normal | color-burn | color-dodge | darken | difference | exclusion | hard-light | hue | lighten | luminosity | multiply | overlay | saturation | screen | soft-light)[]
The mix-blend-mode
CSS property sets how an element's content should blend with the content of the element's parent and the element's background.
Syntax: <blend-mode>
Initial value: normal
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
41 | 32 | 8 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/mix-blend-mode
Inherited from: CSS.PropertiesFallback.mixBlendMode
Defined in: node_modules/csstype/index.d.ts:3034
motion
• Optional
motion: string | string & {} | (undefined | string | string & {})[]
The offset
CSS shorthand property sets all the properties required for animating an element along a defined path.
Syntax: [ <'offset-position'>? [ <'offset-path'> [ <'offset-distance'> || <'offset-rotate'> ]? ]? ]! [ / <'offset-anchor'> ]?
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
55 | 72 | No | 79 | No |
46 (motion) |
see
https://developer.mozilla.org/docs/Web/CSS/offset
Inherited from: CSS.PropertiesFallback.motion
Defined in: node_modules/csstype/index.d.ts:5545
motion-distance
• Optional
motion-distance: string | string & {} | (undefined | string | string & {})[]
The offset-distance
CSS property specifies a position along an offset-path
for an element to be placed.
Syntax: <length-percentage>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
55 | 72 | No | 79 | No |
46 (motion-distance) |
see
https://developer.mozilla.org/docs/Web/CSS/offset-distance
Inherited from: CSS.PropertiesHyphenFallback.motion-distance
Defined in: node_modules/csstype/index.d.ts:11749
motion-path
• Optional
motion-path: -moz-initial | inherit | initial | revert | unset | string & {} | none | border-box | content-box | padding-box | fill-box | margin-box | stroke-box | view-box | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none | border-box | content-box | padding-box | fill-box | margin-box | stroke-box | view-box)[]
The offset-path
CSS property specifies a motion path for an element to follow and defines the element's positioning within the parent container or SVG coordinate system.
Syntax: none | ray( [ <angle> && <size> && contain? ] ) | <path()> | <url> | [ <basic-shape> || <geometry-box> ]
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
55 | 72 | No | 79 | No |
46 (motion-path) |
see
https://developer.mozilla.org/docs/Web/CSS/offset-path
Inherited from: CSS.PropertiesHyphenFallback.motion-path
Defined in: node_modules/csstype/index.d.ts:11764
motion-rotation
• Optional
motion-rotation: -moz-initial | inherit | initial | revert | unset | string & {} | auto | reverse | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | auto | reverse)[]
The offset-rotate
CSS property defines the orientation/direction of the element as it is positioned along the offset-path
.
Syntax: [ auto | reverse ] || <angle>
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
56 | 72 | No | 79 | No |
46 (motion-rotation) |
see
https://developer.mozilla.org/docs/Web/CSS/offset-rotate
Inherited from: CSS.PropertiesHyphenFallback.motion-rotation
Defined in: node_modules/csstype/index.d.ts:11779
motionDistance
• Optional
motionDistance: string | string & {} | (undefined | string | string & {})[]
The offset-distance
CSS property specifies a position along an offset-path
for an element to be placed.
Syntax: <length-percentage>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
55 | 72 | No | 79 | No |
46 (motion-distance) |
see
https://developer.mozilla.org/docs/Web/CSS/offset-distance
Inherited from: CSS.PropertiesFallback.motionDistance
Defined in: node_modules/csstype/index.d.ts:3049
motionPath
• Optional
motionPath: -moz-initial | inherit | initial | revert | unset | string & {} | none | border-box | content-box | padding-box | fill-box | margin-box | stroke-box | view-box | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none | border-box | content-box | padding-box | fill-box | margin-box | stroke-box | view-box)[]
The offset-path
CSS property specifies a motion path for an element to follow and defines the element's positioning within the parent container or SVG coordinate system.
Syntax: none | ray( [ <angle> && <size> && contain? ] ) | <path()> | <url> | [ <basic-shape> || <geometry-box> ]
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
55 | 72 | No | 79 | No |
46 (motion-path) |
see
https://developer.mozilla.org/docs/Web/CSS/offset-path
Inherited from: CSS.PropertiesFallback.motionPath
Defined in: node_modules/csstype/index.d.ts:3064
motionRotation
• Optional
motionRotation: -moz-initial | inherit | initial | revert | unset | string & {} | auto | reverse | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | auto | reverse)[]
The offset-rotate
CSS property defines the orientation/direction of the element as it is positioned along the offset-path
.
Syntax: [ auto | reverse ] || <angle>
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
56 | 72 | No | 79 | No |
46 (motion-rotation) |
see
https://developer.mozilla.org/docs/Web/CSS/offset-rotate
Inherited from: CSS.PropertiesFallback.motionRotation
Defined in: node_modules/csstype/index.d.ts:3079
msAccelerator
• Optional
msAccelerator: true | false | -moz-initial | inherit | initial | revert | unset | (undefined | true | false | -moz-initial | inherit | initial | revert | unset)[]
The -ms-accelerator
CSS property is a Microsoft extension that sets or retrieves a string indicating whether the object represents a keyboard shortcut.
Syntax: false | true
Initial value: false
Inherited from: CSS.PropertiesFallback.msAccelerator
Defined in: node_modules/csstype/index.d.ts:6140
msAlignSelf
• Optional
msAlignSelf: -moz-initial | inherit | initial | revert | unset | stretch | center | end | flex-end | flex-start | start | baseline | normal | string & {} | self-end | self-start | auto | (undefined | -moz-initial | inherit | initial | revert | unset | stretch | center | end | flex-end | flex-start | start | baseline | normal | string & {} | self-end | self-start | auto)[]
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
Inherited from: CSS.PropertiesFallback.msAlignSelf
Defined in: node_modules/csstype/index.d.ts:6148
msBlockProgression
• Optional
msBlockProgression: -moz-initial | inherit | initial | revert | unset | bt | lr | rl | tb | (undefined | -moz-initial | inherit | initial | revert | unset | bt | lr | rl | tb)[]
The -ms-block-progression
CSS property is a Microsoft extension that specifies the block progression and layout orientation.
Syntax: tb | rl | bt | lr
Initial value: tb
Inherited from: CSS.PropertiesFallback.msBlockProgression
Defined in: node_modules/csstype/index.d.ts:6156
msContentZoomChaining
• Optional
msContentZoomChaining: -moz-initial | inherit | initial | revert | unset | none | chained | (undefined | -moz-initial | inherit | initial | revert | unset | none | chained)[]
The -ms-content-zoom-chaining
CSS property is a Microsoft extension specifying the zoom behavior that occurs when a user hits the zoom limit during page manipulation.
Syntax: none | chained
Initial value: none
Inherited from: CSS.PropertiesFallback.msContentZoomChaining
Defined in: node_modules/csstype/index.d.ts:6164
msContentZoomLimit
• Optional
msContentZoomLimit: -moz-initial | inherit | initial | revert | unset | string & {} | (undefined | -moz-initial | inherit | initial | revert | unset | string & {})[]
The -ms-content-zoom-limit
CSS shorthand property is a Microsoft extension that specifies values for the -ms-content-zoom-limit-min
and -ms-content-zoom-limit-max
properties.
Syntax: <'-ms-content-zoom-limit-min'> <'-ms-content-zoom-limit-max'>
Inherited from: CSS.PropertiesFallback.msContentZoomLimit
Defined in: node_modules/csstype/index.d.ts:7523
msContentZoomLimitMax
• Optional
msContentZoomLimitMax: -moz-initial | inherit | initial | revert | unset | string & {} | (undefined | -moz-initial | inherit | initial | revert | unset | string & {})[]
The -ms-content-zoom-limit-max
CSS property is a Microsoft extension that specifies the selected elements' maximum zoom factor.
Syntax: <percentage>
Initial value: 400%
Inherited from: CSS.PropertiesFallback.msContentZoomLimitMax
Defined in: node_modules/csstype/index.d.ts:6172
msContentZoomLimitMin
• Optional
msContentZoomLimitMin: -moz-initial | inherit | initial | revert | unset | string & {} | (undefined | -moz-initial | inherit | initial | revert | unset | string & {})[]
The -ms-content-zoom-limit-min
CSS property is a Microsoft extension that specifies the minimum zoom factor.
Syntax: <percentage>
Initial value: 100%
Inherited from: CSS.PropertiesFallback.msContentZoomLimitMin
Defined in: node_modules/csstype/index.d.ts:6180
msContentZoomSnap
• Optional
msContentZoomSnap: -moz-initial | inherit | initial | revert | unset | string & {} | none | mandatory | proximity | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none | mandatory | proximity)[]
The -ms-content-zoom-snap
CSS shorthand property is a Microsoft extension that specifies values for the -ms-content-zoom-snap-type
and -ms-content-zoom-snap-points
properties.
Syntax: <'-ms-content-zoom-snap-type'> || <'-ms-content-zoom-snap-points'>
Inherited from: CSS.PropertiesFallback.msContentZoomSnap
Defined in: node_modules/csstype/index.d.ts:7529
msContentZoomSnapPoints
• Optional
msContentZoomSnapPoints: -moz-initial | inherit | initial | revert | unset | string & {} | (undefined | -moz-initial | inherit | initial | revert | unset | string & {})[]
The -ms-content-zoom-snap-points
CSS property is a Microsoft extension that specifies where zoom snap-points are located.
Syntax: snapInterval( <percentage>, <percentage> ) | snapList( <percentage># )
Initial value: snapInterval(0%, 100%)
Inherited from: CSS.PropertiesFallback.msContentZoomSnapPoints
Defined in: node_modules/csstype/index.d.ts:6188
msContentZoomSnapType
• Optional
msContentZoomSnapType: -moz-initial | inherit | initial | revert | unset | none | mandatory | proximity | (undefined | -moz-initial | inherit | initial | revert | unset | none | mandatory | proximity)[]
The -ms-content-zoom-snap-type
CSS property is a Microsoft extension that specifies how zooming is affected by defined snap-points.
Syntax: none | proximity | mandatory
Initial value: none
Inherited from: CSS.PropertiesFallback.msContentZoomSnapType
Defined in: node_modules/csstype/index.d.ts:6196
msContentZooming
• Optional
msContentZooming: zoom | -moz-initial | inherit | initial | revert | unset | none | (undefined | zoom | -moz-initial | inherit | initial | revert | unset | none)[]
The -ms-content-zooming
CSS property is a Microsoft extension that specifies whether zooming is enabled.
Syntax: none | zoom
Initial value: zoom for the top level element, none for all other elements
Inherited from: CSS.PropertiesFallback.msContentZooming
Defined in: node_modules/csstype/index.d.ts:6204
msFilter
• Optional
msFilter: -moz-initial | inherit | initial | revert | unset | string & {} | (undefined | -moz-initial | inherit | initial | revert | unset | string & {})[]
The -ms-filter
CSS property is a Microsoft extension that sets or retrieves the filter or collection of filters applied to an object.
Syntax: <string>
Initial value: "" (the empty string)
Inherited from: CSS.PropertiesFallback.msFilter
Defined in: node_modules/csstype/index.d.ts:6212
msFlex
• Optional
msFlex: string | string & {} | number & {} | (undefined | string | string & {} | number & {})[]
The flex
CSS shorthand property sets how a flex item will grow or shrink to fit the space available in its flex container.
Syntax: none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]
Inherited from: CSS.PropertiesFallback.msFlex
Defined in: node_modules/csstype/index.d.ts:7535
msFlexDirection
• Optional
msFlexDirection: -moz-initial | inherit | initial | revert | unset | column | column-reverse | row | row-reverse | (undefined | -moz-initial | inherit | initial | revert | unset | column | column-reverse | row | row-reverse)[]
The flex-direction
CSS property sets how flex items are placed in the flex container defining the main axis and the direction (normal or reversed).
Syntax: row | row-reverse | column | column-reverse
Initial value: row
Inherited from: CSS.PropertiesFallback.msFlexDirection
Defined in: node_modules/csstype/index.d.ts:6220
msFlexPositive
• Optional
msFlexPositive: -moz-initial | inherit | initial | revert | unset | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | number & {})[]
The flex-grow
CSS property sets the flex grow factor of a flex item main size.
Syntax: <number>
Initial value: 0
Inherited from: CSS.PropertiesFallback.msFlexPositive
Defined in: node_modules/csstype/index.d.ts:6228
msFlowFrom
• Optional
msFlowFrom: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
The -ms-flow-from
CSS property is a Microsoft extension that gets or sets a value identifying a region container in the document that accepts the content flow from the data source.
Syntax: [ none | <custom-ident> ]#
Initial value: none
Inherited from: CSS.PropertiesFallback.msFlowFrom
Defined in: node_modules/csstype/index.d.ts:6236
msFlowInto
• Optional
msFlowInto: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
The -ms-flow-into
CSS property is a Microsoft extension that gets or sets a value identifying an iframe container in the document that serves as the region's data source.
Syntax: [ none | <custom-ident> ]#
Initial value: none
Inherited from: CSS.PropertiesFallback.msFlowInto
Defined in: node_modules/csstype/index.d.ts:6244
msGridColumns
• Optional
msGridColumns: string | string & {} | (undefined | string | string & {})[]
The grid-template-columns
CSS property defines the line names and track sizing functions of the grid columns.
Syntax: none | <track-list> | <auto-track-list>
Initial value: none
Inherited from: CSS.PropertiesFallback.msGridColumns
Defined in: node_modules/csstype/index.d.ts:6252
msGridRows
• Optional
msGridRows: string | string & {} | (undefined | string | string & {})[]
The grid-template-rows
CSS property defines the line names and track sizing functions of the grid rows.
Syntax: none | <track-list> | <auto-track-list>
Initial value: none
Inherited from: CSS.PropertiesFallback.msGridRows
Defined in: node_modules/csstype/index.d.ts:6260
msHighContrastAdjust
• Optional
msHighContrastAdjust: -moz-initial | inherit | initial | revert | unset | auto | none | (undefined | -moz-initial | inherit | initial | revert | unset | auto | none)[]
The -ms-high-contrast-adjust
CSS property is a Microsoft extension that gets or sets a value indicating whether to override any CSS properties that would have been set in high contrast mode.
Syntax: auto | none
Initial value: auto
Inherited from: CSS.PropertiesFallback.msHighContrastAdjust
Defined in: node_modules/csstype/index.d.ts:6268
msHyphenateLimitChars
• Optional
msHyphenateLimitChars: -moz-initial | inherit | initial | revert | unset | string & {} | auto | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | auto | number & {})[]
The -ms-hyphenate-limit-chars
CSS property is a Microsoft extension that specifies one to three values indicating the minimum number of characters in a hyphenated word. If the word does not meet the required minimum number of characters in the word, before the hyphen, or after the hyphen, then the word is not hyphenated.
Syntax: auto | <integer>{1,3}
Initial value: auto
Inherited from: CSS.PropertiesFallback.msHyphenateLimitChars
Defined in: node_modules/csstype/index.d.ts:6276
msHyphenateLimitLines
• Optional
msHyphenateLimitLines: -moz-initial | inherit | initial | revert | unset | number & {} | no-limit | (undefined | -moz-initial | inherit | initial | revert | unset | number & {} | no-limit)[]
The -ms-hyphenate-limit-lines
CSS property is a Microsoft extension specifying the maximum number of consecutive lines in an element that may be ended with a hyphenated word.
Syntax: no-limit | <integer>
Initial value: no-limit
Inherited from: CSS.PropertiesFallback.msHyphenateLimitLines
Defined in: node_modules/csstype/index.d.ts:6284
msHyphenateLimitZone
• Optional
msHyphenateLimitZone: string | string & {} | (undefined | string | string & {})[]
The **-ms-hyphenate-limit-zone**
CSS property is a Microsoft extension specifying the width of the hyphenation zone.
Syntax: <percentage> | <length>
Initial value: 0
Inherited from: CSS.PropertiesFallback.msHyphenateLimitZone
Defined in: node_modules/csstype/index.d.ts:6292
msHyphens
• Optional
msHyphens: -moz-initial | inherit | initial | revert | unset | auto | none | manual | (undefined | -moz-initial | inherit | initial | revert | unset | auto | none | manual)[]
The hyphens
CSS property specifies how words should be hyphenated when text wraps across multiple lines. It can prevent hyphenation entirely, hyphenate at manually-specified points within the text, or let the browser automatically insert hyphens where appropriate.
Syntax: none | manual | auto
Initial value: manual
Inherited from: CSS.PropertiesFallback.msHyphens
Defined in: node_modules/csstype/index.d.ts:6300
msImeAlign
• Optional
msImeAlign: -moz-initial | inherit | initial | revert | unset | auto | after | (undefined | -moz-initial | inherit | initial | revert | unset | auto | after)[]
The -ms-ime-align
CSS property is a Microsoft extension aligning the Input Method Editor (IME) candidate window box relative to the element on which the IME composition is active. The extension is implemented in Microsoft Edge and Internet Explorer 11.
Syntax: auto | after
Initial value: auto
Inherited from: CSS.PropertiesFallback.msImeAlign
Defined in: node_modules/csstype/index.d.ts:6308
msImeMode
• Optional
msImeMode: -moz-initial | inherit | initial | revert | unset | normal | auto | active | disabled | inactive | (undefined | -moz-initial | inherit | initial | revert | unset | normal | auto | active | disabled | inactive)[]
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
Inherited from: CSS.PropertiesFallback.msImeMode
Defined in: node_modules/csstype/index.d.ts:8378
msJustifySelf
• Optional
msJustifySelf: left | right | -moz-initial | inherit | initial | revert | unset | stretch | center | end | flex-end | flex-start | start | baseline | normal | string & {} | self-end | self-start | auto | (undefined | left | right | -moz-initial | inherit | initial | revert | unset | stretch | center | end | flex-end | flex-start | start | baseline | normal | string & {} | self-end | self-start | auto)[]
The CSS justify-self
property sets the way a box is justified inside its alignment container along the appropriate axis.
Syntax: auto | normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ]
Initial value: auto
Inherited from: CSS.PropertiesFallback.msJustifySelf
Defined in: node_modules/csstype/index.d.ts:6316
msLineBreak
• Optional
msLineBreak: strict | -moz-initial | inherit | initial | revert | unset | normal | auto | anywhere | loose | (undefined | strict | -moz-initial | inherit | initial | revert | unset | normal | auto | anywhere | loose)[]
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
Inherited from: CSS.PropertiesFallback.msLineBreak
Defined in: node_modules/csstype/index.d.ts:6324
msOrder
• Optional
msOrder: -moz-initial | inherit | initial | revert | unset | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | number & {})[]
The order
CSS property sets the order to lay out an item in a flex or grid container. Items in a container are sorted by ascending order
value and then by their source code order.
Syntax: <integer>
Initial value: 0
Inherited from: CSS.PropertiesFallback.msOrder
Defined in: node_modules/csstype/index.d.ts:6332
msOverflowStyle
• Optional
msOverflowStyle: -moz-initial | inherit | initial | revert | unset | auto | none | -ms-autohiding-scrollbar | scrollbar | (undefined | -moz-initial | inherit | initial | revert | unset | auto | none | -ms-autohiding-scrollbar | scrollbar)[]
The -ms-overflow-style
CSS property is a Microsoft extension controlling the behavior of scrollbars when the content of an element overflows.
Syntax: auto | none | scrollbar | -ms-autohiding-scrollbar
Initial value: auto
Inherited from: CSS.PropertiesFallback.msOverflowStyle
Defined in: node_modules/csstype/index.d.ts:6340
msOverflowX
• Optional
msOverflowX: clip | -moz-initial | inherit | initial | revert | unset | auto | hidden | visible | scroll | -moz-hidden-unscrollable | (undefined | clip | -moz-initial | inherit | initial | revert | unset | auto | hidden | visible | scroll | -moz-hidden-unscrollable)[]
The overflow-x
CSS property sets what shows when content overflows a block-level element's left and right edges. This may be nothing, a scroll bar, or the overflow content.
Syntax: visible | hidden | clip | scroll | auto
Initial value: visible
Inherited from: CSS.PropertiesFallback.msOverflowX
Defined in: node_modules/csstype/index.d.ts:6348
msOverflowY
• Optional
msOverflowY: clip | -moz-initial | inherit | initial | revert | unset | auto | hidden | visible | scroll | -moz-hidden-unscrollable | (undefined | clip | -moz-initial | inherit | initial | revert | unset | auto | hidden | visible | scroll | -moz-hidden-unscrollable)[]
The overflow-y
CSS property sets what shows when content overflows a block-level element's top and bottom edges. This may be nothing, a scroll bar, or the overflow content.
Syntax: visible | hidden | clip | scroll | auto
Initial value: visible
Inherited from: CSS.PropertiesFallback.msOverflowY
Defined in: node_modules/csstype/index.d.ts:6356
msScrollChaining
• Optional
msScrollChaining: -moz-initial | inherit | initial | revert | unset | none | chained | (undefined | -moz-initial | inherit | initial | revert | unset | none | chained)[]
The **-ms-scroll-chaining**
CSS property is a Microsoft extension that specifies the scrolling behavior that occurs when a user hits the scroll limit during a manipulation.
Syntax: chained | none
Initial value: chained
Inherited from: CSS.PropertiesFallback.msScrollChaining
Defined in: node_modules/csstype/index.d.ts:6364
msScrollLimit
• Optional
msScrollLimit: -moz-initial | inherit | initial | revert | unset | string & {} | (undefined | -moz-initial | inherit | initial | revert | unset | string & {})[]
The -ms-scroll-limit CSS property is a Microsoft extension that specifies values for the -ms-scroll-limit-x-min
, -ms-scroll-limit-y-min
, -ms-scroll-limit-x-max
, and -ms-scroll-limit-y-max
properties.
Syntax: <'-ms-scroll-limit-x-min'> <'-ms-scroll-limit-y-min'> <'-ms-scroll-limit-x-max'> <'-ms-scroll-limit-y-max'>
Inherited from: CSS.PropertiesFallback.msScrollLimit
Defined in: node_modules/csstype/index.d.ts:7541
msScrollLimitXMax
• Optional
msScrollLimitXMax: string | (undefined | string)[]
The **-ms-scroll-limit-x-max**
CSS property is a Microsoft extension that specifies the maximum value for the Element.scrollLeft
property.
Syntax: auto | <length>
Initial value: auto
Inherited from: CSS.PropertiesFallback.msScrollLimitXMax
Defined in: node_modules/csstype/index.d.ts:6372
msScrollLimitXMin
• Optional
msScrollLimitXMin: string | (undefined | string)[]
The -ms-scroll-limit-x-min
CSS property is a Microsoft extension that specifies the minimum value for the Element.scrollLeft
property.
Syntax: <length>
Initial value: 0
Inherited from: CSS.PropertiesFallback.msScrollLimitXMin
Defined in: node_modules/csstype/index.d.ts:6380
msScrollLimitYMax
• Optional
msScrollLimitYMax: string | (undefined | string)[]
The -ms-scroll-limit-y-max
CSS property is a Microsoft extension that specifies the maximum value for the Element.scrollTop
property.
Syntax: auto | <length>
Initial value: auto
Inherited from: CSS.PropertiesFallback.msScrollLimitYMax
Defined in: node_modules/csstype/index.d.ts:6388
msScrollLimitYMin
• Optional
msScrollLimitYMin: string | (undefined | string)[]
The -ms-scroll-limit-y-min
CSS property is a Microsoft extension that specifies the minimum value for the Element.scrollTop
property.
Syntax: <length>
Initial value: 0
Inherited from: CSS.PropertiesFallback.msScrollLimitYMin
Defined in: node_modules/csstype/index.d.ts:6396
msScrollRails
• Optional
msScrollRails: -moz-initial | inherit | initial | revert | unset | none | railed | (undefined | -moz-initial | inherit | initial | revert | unset | none | railed)[]
The -ms-scroll-rails
CSS property is a Microsoft extension that specifies whether scrolling locks to the primary axis of motion.
Syntax: none | railed
Initial value: railed
Inherited from: CSS.PropertiesFallback.msScrollRails
Defined in: node_modules/csstype/index.d.ts:6404
msScrollSnapPointsX
• Optional
msScrollSnapPointsX: -moz-initial | inherit | initial | revert | unset | string & {} | (undefined | -moz-initial | inherit | initial | revert | unset | string & {})[]
The -ms-scroll-snap-points-x
CSS property is a Microsoft extension that specifies where snap-points will be located along the x-axis.
Syntax: snapInterval( <length-percentage>, <length-percentage> ) | snapList( <length-percentage># )
Initial value: snapInterval(0px, 100%)
Inherited from: CSS.PropertiesFallback.msScrollSnapPointsX
Defined in: node_modules/csstype/index.d.ts:6412
msScrollSnapPointsY
• Optional
msScrollSnapPointsY: -moz-initial | inherit | initial | revert | unset | string & {} | (undefined | -moz-initial | inherit | initial | revert | unset | string & {})[]
The -ms-scroll-snap-points-y
CSS property is a Microsoft extension that specifies where snap-points will be located along the y-axis.
Syntax: snapInterval( <length-percentage>, <length-percentage> ) | snapList( <length-percentage># )
Initial value: snapInterval(0px, 100%)
Inherited from: CSS.PropertiesFallback.msScrollSnapPointsY
Defined in: node_modules/csstype/index.d.ts:6420
msScrollSnapType
• Optional
msScrollSnapType: -moz-initial | inherit | initial | revert | unset | none | mandatory | proximity | (undefined | -moz-initial | inherit | initial | revert | unset | none | mandatory | proximity)[]
The scroll-snap-type
CSS property sets how strictly snap points are enforced on the scroll container in case there is one.
Syntax: none | proximity | mandatory
Initial value: none
Inherited from: CSS.PropertiesFallback.msScrollSnapType
Defined in: node_modules/csstype/index.d.ts:6428
msScrollSnapX
• Optional
msScrollSnapX: -moz-initial | inherit | initial | revert | unset | string & {} | (undefined | -moz-initial | inherit | initial | revert | unset | string & {})[]
The -ms-scroll-snap-x
CSS shorthand property is a Microsoft extension that specifies values for the -ms-scroll-snap-type
and -ms-scroll-snap-points-x
properties.
Syntax: <'-ms-scroll-snap-type'> <'-ms-scroll-snap-points-x'>
Inherited from: CSS.PropertiesFallback.msScrollSnapX
Defined in: node_modules/csstype/index.d.ts:7547
msScrollSnapY
• Optional
msScrollSnapY: -moz-initial | inherit | initial | revert | unset | string & {} | (undefined | -moz-initial | inherit | initial | revert | unset | string & {})[]
The -ms-scroll-snap-x
CSS shorthand property is a Microsoft extension that specifies values for the -ms-scroll-snap-type
and -ms-scroll-snap-points-y
properties.
Syntax: <'-ms-scroll-snap-type'> <'-ms-scroll-snap-points-y'>
Inherited from: CSS.PropertiesFallback.msScrollSnapY
Defined in: node_modules/csstype/index.d.ts:7553
msScrollTranslation
• Optional
msScrollTranslation: -moz-initial | inherit | initial | revert | unset | none | vertical-to-horizontal | (undefined | -moz-initial | inherit | initial | revert | unset | none | vertical-to-horizontal)[]
The -ms-scroll-translation
CSS property is a Microsoft extension that specifies whether vertical-to-horizontal scroll wheel translation occurs on the specified element.
Syntax: none | vertical-to-horizontal
Initial value: none
Inherited from: CSS.PropertiesFallback.msScrollTranslation
Defined in: node_modules/csstype/index.d.ts:6436
msScrollbar3dlightColor
• Optional
msScrollbar3dlightColor: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
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.
Syntax: <color>
Initial value: depends on user agent
Inherited from: CSS.PropertiesFallback.msScrollbar3dlightColor
Defined in: node_modules/csstype/index.d.ts:6444
msScrollbarArrowColor
• Optional
msScrollbarArrowColor: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
The -ms-scrollbar-arrow-color
CSS property is a Microsoft extension that specifies the color of the arrow elements of a scroll arrow.
Syntax: <color>
Initial value: ButtonText
Inherited from: CSS.PropertiesFallback.msScrollbarArrowColor
Defined in: node_modules/csstype/index.d.ts:6452
msScrollbarBaseColor
• Optional
msScrollbarBaseColor: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
The **-ms-scrollbar-base-color**
CSS property is a Microsoft extension that specifies the base color of the main elements of a scroll bar.
Syntax: <color>
Initial value: depends on user agent
Inherited from: CSS.PropertiesFallback.msScrollbarBaseColor
Defined in: node_modules/csstype/index.d.ts:6460
msScrollbarDarkshadowColor
• Optional
msScrollbarDarkshadowColor: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
The -ms-scrollbar-darkshadow-color
CSS property is a Microsoft extension that specifies the color of a scroll bar's gutter.
Syntax: <color>
Initial value: ThreeDDarkShadow
Inherited from: CSS.PropertiesFallback.msScrollbarDarkshadowColor
Defined in: node_modules/csstype/index.d.ts:6468
msScrollbarFaceColor
• Optional
msScrollbarFaceColor: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
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.
Syntax: <color>
Initial value: ThreeDFace
Inherited from: CSS.PropertiesFallback.msScrollbarFaceColor
Defined in: node_modules/csstype/index.d.ts:6476
msScrollbarHighlightColor
• Optional
msScrollbarHighlightColor: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
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.
Syntax: <color>
Initial value: ThreeDHighlight
Inherited from: CSS.PropertiesFallback.msScrollbarHighlightColor
Defined in: node_modules/csstype/index.d.ts:6484
msScrollbarShadowColor
• Optional
msScrollbarShadowColor: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
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.
Syntax: <color>
Initial value: ThreeDDarkShadow
Inherited from: CSS.PropertiesFallback.msScrollbarShadowColor
Defined in: node_modules/csstype/index.d.ts:6492
msScrollbarTrackColor
• Optional
msScrollbarTrackColor: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
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
Inherited from: CSS.PropertiesFallback.msScrollbarTrackColor
Defined in: node_modules/csstype/index.d.ts:8388
msTextAutospace
• Optional
msTextAutospace: -moz-initial | inherit | initial | revert | unset | none | ideograph-alpha | ideograph-numeric | ideograph-parenthesis | ideograph-space | (undefined | -moz-initial | inherit | initial | revert | unset | none | ideograph-alpha | ideograph-numeric | ideograph-parenthesis | ideograph-space)[]
The -ms-text-autospace
CSS property is a Microsoft extension that specifies the autospacing and narrow space width adjustment of text.
Syntax: none | ideograph-alpha | ideograph-numeric | ideograph-parenthesis | ideograph-space
Initial value: none
Inherited from: CSS.PropertiesFallback.msTextAutospace
Defined in: node_modules/csstype/index.d.ts:6500
msTextCombineHorizontal
• Optional
msTextCombineHorizontal: all | -ms-text-combine-horizontal | -moz-initial | inherit | initial | revert | unset | string & {} | none | digits | (undefined | all | -ms-text-combine-horizontal | -moz-initial | inherit | initial | revert | unset | string & {} | none | digits)[]
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.
Syntax: none | all | [ digits <integer>? ]
Initial value: none
Inherited from: CSS.PropertiesFallback.msTextCombineHorizontal
Defined in: node_modules/csstype/index.d.ts:6508
msTextOverflow
• Optional
msTextOverflow: clip | -moz-initial | inherit | initial | revert | unset | string & {} | ellipsis | (undefined | clip | -moz-initial | inherit | initial | revert | unset | string & {} | ellipsis)[]
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
Inherited from: CSS.PropertiesFallback.msTextOverflow
Defined in: node_modules/csstype/index.d.ts:6516
msTouchAction
• Optional
msTouchAction: -moz-initial | inherit | initial | revert | unset | string & {} | auto | none | -ms-manipulation | -ms-none | -ms-pinch-zoom | manipulation | pan-down | pan-left | pan-right | pan-up | pan-x | pan-y | pinch-zoom | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | auto | none | -ms-manipulation | -ms-none | -ms-pinch-zoom | manipulation | pan-down | pan-left | pan-right | pan-up | pan-x | pan-y | pinch-zoom)[]
The touch-action
CSS property sets how an element's region can be manipulated by a touchscreen user (for example, by zooming features built into the browser).
Syntax: auto | none | [ [ pan-x | pan-left | pan-right ] || [ pan-y | pan-up | pan-down ] || pinch-zoom ] | manipulation
Initial value: auto
Inherited from: CSS.PropertiesFallback.msTouchAction
Defined in: node_modules/csstype/index.d.ts:6524
msTouchSelect
• Optional
msTouchSelect: -moz-initial | inherit | initial | revert | unset | none | grippers | (undefined | -moz-initial | inherit | initial | revert | unset | none | grippers)[]
The -ms-touch-select
CSS property is a Microsoft extension that toggles the gripper visual elements that enable touch text selection.
Syntax: grippers | none
Initial value: grippers
Inherited from: CSS.PropertiesFallback.msTouchSelect
Defined in: node_modules/csstype/index.d.ts:6532
msTransform
• Optional
msTransform: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
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
Inherited from: CSS.PropertiesFallback.msTransform
Defined in: node_modules/csstype/index.d.ts:6540
msTransformOrigin
• Optional
msTransformOrigin: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesFallback.msTransformOrigin
Defined in: node_modules/csstype/index.d.ts:6548
msTransition
• Optional
msTransition: string | string & {} | (undefined | string | string & {})[]
The transition
CSS property is a shorthand property for transition-property
, transition-duration
, transition-timing-function
, and transition-delay
.
Syntax: <single-transition>#
Inherited from: CSS.PropertiesFallback.msTransition
Defined in: node_modules/csstype/index.d.ts:7559
msTransitionDelay
• Optional
msTransitionDelay: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesFallback.msTransitionDelay
Defined in: node_modules/csstype/index.d.ts:6556
msTransitionDuration
• Optional
msTransitionDuration: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesFallback.msTransitionDuration
Defined in: node_modules/csstype/index.d.ts:6564
msTransitionProperty
• Optional
msTransitionProperty: all | -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | all | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
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
Inherited from: CSS.PropertiesFallback.msTransitionProperty
Defined in: node_modules/csstype/index.d.ts:6572
msTransitionTimingFunction
• Optional
msTransitionTimingFunction: -moz-initial | inherit | initial | revert | unset | string & {} | ease | ease-in | ease-in-out | ease-out | step-end | step-start | linear | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | ease | ease-in | ease-in-out | ease-out | step-end | step-start | linear)[]
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
Inherited from: CSS.PropertiesFallback.msTransitionTimingFunction
Defined in: node_modules/csstype/index.d.ts:6580
msUserSelect
• Optional
msUserSelect: -moz-initial | inherit | initial | revert | unset | none | text | element | (undefined | -moz-initial | inherit | initial | revert | unset | none | text | element)[]
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: none | element | text
Initial value: text
Inherited from: CSS.PropertiesFallback.msUserSelect
Defined in: node_modules/csstype/index.d.ts:6588
msWordBreak
• Optional
msWordBreak: -moz-initial | inherit | initial | revert | unset | normal | break-word | break-all | keep-all | (undefined | -moz-initial | inherit | initial | revert | unset | normal | break-word | break-all | keep-all)[]
The word-break
CSS property sets whether line breaks appear wherever the text would otherwise overflow its content box.
Syntax: normal | break-all | keep-all | break-word
Initial value: normal
Inherited from: CSS.PropertiesFallback.msWordBreak
Defined in: node_modules/csstype/index.d.ts:6596
msWrapFlow
• Optional
msWrapFlow: clear | -moz-initial | inherit | initial | revert | unset | end | start | auto | both | maximum | (undefined | clear | -moz-initial | inherit | initial | revert | unset | end | start | auto | both | maximum)[]
The -ms-wrap-flow
CSS property is a Microsoft extension that specifies how exclusions impact inline content within block-level elements.
Syntax: auto | both | start | end | maximum | clear
Initial value: auto
Inherited from: CSS.PropertiesFallback.msWrapFlow
Defined in: node_modules/csstype/index.d.ts:6604
msWrapMargin
• Optional
msWrapMargin: string | (undefined | string)[]
The -ms-wrap-margin
CSS property is a Microsoft extension that specifies a margin that offsets the inner wrap shape from other shapes.
Syntax: <length>
Initial value: 0
Inherited from: CSS.PropertiesFallback.msWrapMargin
Defined in: node_modules/csstype/index.d.ts:6612
msWrapThrough
• Optional
msWrapThrough: -moz-initial | inherit | initial | revert | unset | none | wrap | (undefined | -moz-initial | inherit | initial | revert | unset | none | wrap)[]
The -ms-wrap-through
CSS property is a Microsoft extension that specifies how content should wrap around an exclusion element.
Syntax: wrap | none
Initial value: wrap
Inherited from: CSS.PropertiesFallback.msWrapThrough
Defined in: node_modules/csstype/index.d.ts:6620
msWritingMode
• Optional
msWritingMode: -moz-initial | inherit | initial | revert | unset | horizontal-tb | sideways-lr | sideways-rl | vertical-lr | vertical-rl | (undefined | -moz-initial | inherit | initial | revert | unset | horizontal-tb | sideways-lr | sideways-rl | vertical-lr | vertical-rl)[]
The writing-mode
CSS property sets whether lines of text are laid out horizontally or vertically, as well as the direction in which blocks progress. When set for an entire document, it should be set on the root element (html
element for HTML documents).
Syntax: horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr
Initial value: horizontal-tb
Inherited from: CSS.PropertiesFallback.msWritingMode
Defined in: node_modules/csstype/index.d.ts:6628
object-fit
• Optional
object-fit: fill | contain | -moz-initial | inherit | initial | revert | unset | none | cover | scale-down | (undefined | fill | contain | -moz-initial | inherit | initial | revert | unset | none | cover | scale-down)[]
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
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
31 | 36 | 10 | 16 | No |
see
https://developer.mozilla.org/docs/Web/CSS/object-fit
Inherited from: CSS.PropertiesHyphenFallback.object-fit
Defined in: node_modules/csstype/index.d.ts:11794
object-position
• Optional
object-position: string | string & {} | (undefined | string | string & {})[]
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%
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
31 | 36 | 10 | 16 | No |
see
https://developer.mozilla.org/docs/Web/CSS/object-position
Inherited from: CSS.PropertiesHyphenFallback.object-position
Defined in: node_modules/csstype/index.d.ts:11808
objectFit
• Optional
objectFit: fill | contain | -moz-initial | inherit | initial | revert | unset | none | cover | scale-down | (undefined | fill | contain | -moz-initial | inherit | initial | revert | unset | none | cover | scale-down)[]
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
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
31 | 36 | 10 | 16 | No |
see
https://developer.mozilla.org/docs/Web/CSS/object-fit
Inherited from: CSS.PropertiesFallback.objectFit
Defined in: node_modules/csstype/index.d.ts:3093
objectPosition
• Optional
objectPosition: string | string & {} | (undefined | string | string & {})[]
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%
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
31 | 36 | 10 | 16 | No |
see
https://developer.mozilla.org/docs/Web/CSS/object-position
Inherited from: CSS.PropertiesFallback.objectPosition
Defined in: node_modules/csstype/index.d.ts:3107
offset
• Optional
offset: string | string & {} | (undefined | string | string & {})[]
The offset
CSS shorthand property sets all the properties required for animating an element along a defined path.
Syntax: [ <'offset-position'>? [ <'offset-path'> [ <'offset-distance'> || <'offset-rotate'> ]? ]? ]! [ / <'offset-anchor'> ]?
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
55 | 72 | No | 79 | No |
46 (motion) |
see
https://developer.mozilla.org/docs/Web/CSS/offset
Inherited from: CSS.PropertiesFallback.offset
Defined in: node_modules/csstype/index.d.ts:5558
offset-anchor
• Optional
offset-anchor: string | string & {} | (undefined | string | string & {})[]
Syntax: auto | <position>
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
79 | 72 | No | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/offset-anchor
Inherited from: CSS.PropertiesHyphenFallback.offset-anchor
Defined in: node_modules/csstype/index.d.ts:11822
offset-block
• Optional
offset-block: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesHyphenFallback.offset-block
Defined in: node_modules/csstype/index.d.ts:16501
offset-block-end
• Optional
offset-block-end: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesHyphenFallback.offset-block-end
Defined in: node_modules/csstype/index.d.ts:16511
offset-block-start
• Optional
offset-block-start: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesHyphenFallback.offset-block-start
Defined in: node_modules/csstype/index.d.ts:16521
offset-distance
• Optional
offset-distance: string | string & {} | (undefined | string | string & {})[]
The offset-distance
CSS property specifies a position along an offset-path
for an element to be placed.
Syntax: <length-percentage>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
55 | 72 | No | 79 | No |
46 (motion-distance) |
see
https://developer.mozilla.org/docs/Web/CSS/offset-distance
Inherited from: CSS.PropertiesHyphenFallback.offset-distance
Defined in: node_modules/csstype/index.d.ts:11834
offset-inline
• Optional
offset-inline: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesHyphenFallback.offset-inline
Defined in: node_modules/csstype/index.d.ts:16531
offset-inline-end
• Optional
offset-inline-end: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesHyphenFallback.offset-inline-end
Defined in: node_modules/csstype/index.d.ts:16541
offset-inline-start
• Optional
offset-inline-start: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesHyphenFallback.offset-inline-start
Defined in: node_modules/csstype/index.d.ts:16551
offset-path
• Optional
offset-path: -moz-initial | inherit | initial | revert | unset | string & {} | none | border-box | content-box | padding-box | fill-box | margin-box | stroke-box | view-box | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none | border-box | content-box | padding-box | fill-box | margin-box | stroke-box | view-box)[]
The offset-path
CSS property specifies a motion path for an element to follow and defines the element's positioning within the parent container or SVG coordinate system.
Syntax: none | ray( [ <angle> && <size> && contain? ] ) | <path()> | <url> | [ <basic-shape> || <geometry-box> ]
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
55 | 72 | No | 79 | No |
46 (motion-path) |
see
https://developer.mozilla.org/docs/Web/CSS/offset-path
Inherited from: CSS.PropertiesHyphenFallback.offset-path
Defined in: node_modules/csstype/index.d.ts:11849
offset-rotate
• Optional
offset-rotate: -moz-initial | inherit | initial | revert | unset | string & {} | auto | reverse | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | auto | reverse)[]
The offset-rotate
CSS property defines the orientation/direction of the element as it is positioned along the offset-path
.
Syntax: [ auto | reverse ] || <angle>
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
56 | 72 | No | 79 | No |
46 (motion-rotation) |
see
https://developer.mozilla.org/docs/Web/CSS/offset-rotate
Inherited from: CSS.PropertiesHyphenFallback.offset-rotate
Defined in: node_modules/csstype/index.d.ts:11864
offset-rotation
• Optional
offset-rotation: -moz-initial | inherit | initial | revert | unset | string & {} | auto | reverse | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | auto | reverse)[]
The offset-rotate
CSS property defines the orientation/direction of the element as it is positioned along the offset-path
.
Syntax: [ auto | reverse ] || <angle>
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
56 | 72 | No | 79 | No |
46 (motion-rotation) |
see
https://developer.mozilla.org/docs/Web/CSS/offset-rotate
Inherited from: CSS.PropertiesHyphenFallback.offset-rotation
Defined in: node_modules/csstype/index.d.ts:11879
offsetAnchor
• Optional
offsetAnchor: string | string & {} | (undefined | string | string & {})[]
Syntax: auto | <position>
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
79 | 72 | No | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/offset-anchor
Inherited from: CSS.PropertiesFallback.offsetAnchor
Defined in: node_modules/csstype/index.d.ts:3119
offsetBlock
• Optional
offsetBlock: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesFallback.offsetBlock
Defined in: node_modules/csstype/index.d.ts:7794
offsetBlockEnd
• Optional
offsetBlockEnd: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesFallback.offsetBlockEnd
Defined in: node_modules/csstype/index.d.ts:7804
offsetBlockStart
• Optional
offsetBlockStart: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesFallback.offsetBlockStart
Defined in: node_modules/csstype/index.d.ts:7814
offsetDistance
• Optional
offsetDistance: string | string & {} | (undefined | string | string & {})[]
The offset-distance
CSS property specifies a position along an offset-path
for an element to be placed.
Syntax: <length-percentage>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
55 | 72 | No | 79 | No |
46 (motion-distance) |
see
https://developer.mozilla.org/docs/Web/CSS/offset-distance
Inherited from: CSS.PropertiesFallback.offsetDistance
Defined in: node_modules/csstype/index.d.ts:3134
offsetInline
• Optional
offsetInline: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesFallback.offsetInline
Defined in: node_modules/csstype/index.d.ts:7824
offsetInlineEnd
• Optional
offsetInlineEnd: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesFallback.offsetInlineEnd
Defined in: node_modules/csstype/index.d.ts:7834
offsetInlineStart
• Optional
offsetInlineStart: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesFallback.offsetInlineStart
Defined in: node_modules/csstype/index.d.ts:7844
offsetPath
• Optional
offsetPath: -moz-initial | inherit | initial | revert | unset | string & {} | none | border-box | content-box | padding-box | fill-box | margin-box | stroke-box | view-box | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none | border-box | content-box | padding-box | fill-box | margin-box | stroke-box | view-box)[]
The offset-path
CSS property specifies a motion path for an element to follow and defines the element's positioning within the parent container or SVG coordinate system.
Syntax: none | ray( [ <angle> && <size> && contain? ] ) | <path()> | <url> | [ <basic-shape> || <geometry-box> ]
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
55 | 72 | No | 79 | No |
46 (motion-path) |
see
https://developer.mozilla.org/docs/Web/CSS/offset-path
Inherited from: CSS.PropertiesFallback.offsetPath
Defined in: node_modules/csstype/index.d.ts:3149
offsetRotate
• Optional
offsetRotate: -moz-initial | inherit | initial | revert | unset | string & {} | auto | reverse | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | auto | reverse)[]
The offset-rotate
CSS property defines the orientation/direction of the element as it is positioned along the offset-path
.
Syntax: [ auto | reverse ] || <angle>
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
56 | 72 | No | 79 | No |
46 (motion-rotation) |
see
https://developer.mozilla.org/docs/Web/CSS/offset-rotate
Inherited from: CSS.PropertiesFallback.offsetRotate
Defined in: node_modules/csstype/index.d.ts:3164
offsetRotation
• Optional
offsetRotation: -moz-initial | inherit | initial | revert | unset | string & {} | auto | reverse | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | auto | reverse)[]
The offset-rotate
CSS property defines the orientation/direction of the element as it is positioned along the offset-path
.
Syntax: [ auto | reverse ] || <angle>
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
56 | 72 | No | 79 | No |
46 (motion-rotation) |
see
https://developer.mozilla.org/docs/Web/CSS/offset-rotate
Inherited from: CSS.PropertiesFallback.offsetRotation
Defined in: node_modules/csstype/index.d.ts:3179
opacity
• Optional
opacity: -moz-initial | inherit | initial | revert | unset | string & {} | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | number & {})[]
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
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 2 | 12 | 9 |
see
https://developer.mozilla.org/docs/Web/CSS/opacity
Inherited from: CSS.PropertiesFallback.opacity
Defined in: node_modules/csstype/index.d.ts:3193
order
• Optional
order: -moz-initial | inherit | initial | revert | unset | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | number & {})[]
The order
CSS property sets the order to lay out an item in a flex or grid container. Items in a container are sorted by ascending order
value and then by their source code order.
Syntax: <integer>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
29 | 20 | 9 | 12 | 11 |
21 -x- | 7 -x- | 10 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/order
Inherited from: CSS.PropertiesFallback.order
Defined in: node_modules/csstype/index.d.ts:3208
orphans
• Optional
orphans: -moz-initial | inherit | initial | revert | unset | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | number & {})[]
The orphans
CSS property sets the minimum number of lines in a block container that must be shown at the bottom of a page, region, or column.
Syntax: <integer>
Initial value: 2
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
25 | No | 1.3 | 12 | 8 |
see
https://developer.mozilla.org/docs/Web/CSS/orphans
Inherited from: CSS.PropertiesFallback.orphans
Defined in: node_modules/csstype/index.d.ts:3222
outline
• Optional
outline: string | string & {} | (undefined | string | string & {})[]
The outline
CSS shorthand property set all the outline properties in a single declaration.
Syntax: [ <'outline-color'> || <'outline-style'> || <'outline-width'> ]
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1.5 | 1.2 | 12 | 8 |
see
https://developer.mozilla.org/docs/Web/CSS/outline
Inherited from: CSS.PropertiesFallback.outline
Defined in: node_modules/csstype/index.d.ts:5570
outline-color
• Optional
outline-color: invert | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | invert | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
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
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1.5 | 1.2 | 12 | 8 |
see
https://developer.mozilla.org/docs/Web/CSS/outline-color
Inherited from: CSS.PropertiesHyphenFallback.outline-color
Defined in: node_modules/csstype/index.d.ts:11937
outline-offset
• Optional
outline-offset: string | (undefined | string)[]
The outline-offset
CSS property sets the amount of space between an outline and the edge or border of an element.
Syntax: <length>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1.5 | 1.2 | 15 | No |
see
https://developer.mozilla.org/docs/Web/CSS/outline-offset
Inherited from: CSS.PropertiesHyphenFallback.outline-offset
Defined in: node_modules/csstype/index.d.ts:11951
outline-style
• Optional
outline-style: inset | -moz-initial | inherit | initial | revert | unset | string & {} | auto | none | hidden | dashed | dotted | double | groove | outset | ridge | solid | (undefined | inset | -moz-initial | inherit | initial | revert | unset | string & {} | auto | none | hidden | dashed | dotted | double | groove | outset | ridge | solid)[]
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
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1.5 | 1.2 | 12 | 8 |
see
https://developer.mozilla.org/docs/Web/CSS/outline-style
Inherited from: CSS.PropertiesHyphenFallback.outline-style
Defined in: node_modules/csstype/index.d.ts:11965
outline-width
• Optional
outline-width: string | (undefined | string)[]
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
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1.5 | 1.2 | 12 | 8 |
see
https://developer.mozilla.org/docs/Web/CSS/outline-width
Inherited from: CSS.PropertiesHyphenFallback.outline-width
Defined in: node_modules/csstype/index.d.ts:11979
outlineColor
• Optional
outlineColor: invert | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | invert | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
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
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1.5 | 1.2 | 12 | 8 |
see
https://developer.mozilla.org/docs/Web/CSS/outline-color
Inherited from: CSS.PropertiesFallback.outlineColor
Defined in: node_modules/csstype/index.d.ts:3236
outlineOffset
• Optional
outlineOffset: string | (undefined | string)[]
The outline-offset
CSS property sets the amount of space between an outline and the edge or border of an element.
Syntax: <length>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1.5 | 1.2 | 15 | No |
see
https://developer.mozilla.org/docs/Web/CSS/outline-offset
Inherited from: CSS.PropertiesFallback.outlineOffset
Defined in: node_modules/csstype/index.d.ts:3250
outlineStyle
• Optional
outlineStyle: inset | -moz-initial | inherit | initial | revert | unset | string & {} | auto | none | hidden | dashed | dotted | double | groove | outset | ridge | solid | (undefined | inset | -moz-initial | inherit | initial | revert | unset | string & {} | auto | none | hidden | dashed | dotted | double | groove | outset | ridge | solid)[]
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
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1.5 | 1.2 | 12 | 8 |
see
https://developer.mozilla.org/docs/Web/CSS/outline-style
Inherited from: CSS.PropertiesFallback.outlineStyle
Defined in: node_modules/csstype/index.d.ts:3264
outlineWidth
• Optional
outlineWidth: string | (undefined | string)[]
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
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1.5 | 1.2 | 12 | 8 |
see
https://developer.mozilla.org/docs/Web/CSS/outline-width
Inherited from: CSS.PropertiesFallback.outlineWidth
Defined in: node_modules/csstype/index.d.ts:3278
overflow
• Optional
overflow: clip | -moz-initial | inherit | initial | revert | unset | string & {} | auto | hidden | visible | scroll | -moz-hidden-unscrollable | (undefined | clip | -moz-initial | inherit | initial | revert | unset | string & {} | auto | hidden | visible | scroll | -moz-hidden-unscrollable)[]
The overflow
CSS shorthand property sets the desired behavior for an element's overflow — i.e. when an element's content is too big to fit in its block formatting context — in both directions.
Syntax: [ visible | hidden | clip | scroll | auto ]{1,2}
Initial value: visible
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/overflow
Inherited from: CSS.PropertiesFallback.overflow
Defined in: node_modules/csstype/index.d.ts:5584
overflow-anchor
• Optional
overflow-anchor: -moz-initial | inherit | initial | revert | unset | auto | none | (undefined | -moz-initial | inherit | initial | revert | unset | auto | none)[]
Syntax: auto | none
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
56 | 66 | No | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/overflow-anchor
Inherited from: CSS.PropertiesHyphenFallback.overflow-anchor
Defined in: node_modules/csstype/index.d.ts:11993
overflow-block
• Optional
overflow-block: clip | -moz-initial | inherit | initial | revert | unset | auto | hidden | visible | scroll | (undefined | clip | -moz-initial | inherit | initial | revert | unset | auto | hidden | visible | scroll)[]
Syntax: visible | hidden | clip | scroll | auto
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
No | 69 | No | No | No |
see
https://developer.mozilla.org/docs/Web/CSS/overflow-block
Inherited from: CSS.PropertiesHyphenFallback.overflow-block
Defined in: node_modules/csstype/index.d.ts:12005
overflow-clip-box
• Optional
overflow-clip-box: -moz-initial | inherit | initial | revert | unset | content-box | padding-box | (undefined | -moz-initial | inherit | initial | revert | unset | content-box | padding-box)[]
The overflow-clip-box
CSS property specifies relative to which box the clipping happens when there is an overflow. It is short hand for the overflow-clip-box-inline
and overflow-clip-box-block
properties.
Syntax: padding-box | content-box
Initial value: padding-box
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
No | 29 | No | No | No |
see
https://developer.mozilla.org/docs/Mozilla/Gecko/Chrome/CSS/overflow-clip-box
Inherited from: CSS.PropertiesHyphenFallback.overflow-clip-box
Defined in: node_modules/csstype/index.d.ts:12017
overflow-inline
• Optional
overflow-inline: clip | -moz-initial | inherit | initial | revert | unset | auto | hidden | visible | scroll | (undefined | clip | -moz-initial | inherit | initial | revert | unset | auto | hidden | visible | scroll)[]
Syntax: visible | hidden | clip | scroll | auto
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
No | 69 | No | No | No |
see
https://developer.mozilla.org/docs/Web/CSS/overflow-inline
Inherited from: CSS.PropertiesHyphenFallback.overflow-inline
Defined in: node_modules/csstype/index.d.ts:12031
overflow-wrap
• Optional
overflow-wrap: -moz-initial | inherit | initial | revert | unset | normal | anywhere | break-word | (undefined | -moz-initial | inherit | initial | revert | unset | normal | anywhere | break-word)[]
The **overflow-wrap**
CSS property applies to inline elements, setting whether the browser should insert line breaks within an otherwise unbreakable string to prevent text from overflowing its line box.
Syntax: normal | break-word | anywhere
Initial value: normal
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
23 | 49 | 6.1 | 18 | 5.5 (word-wrap) |
1 (word-wrap) | 3.5 (word-wrap) | 1 (word-wrap) | 12 (word-wrap) |
see
https://developer.mozilla.org/docs/Web/CSS/overflow-wrap
Inherited from: CSS.PropertiesHyphenFallback.overflow-wrap
Defined in: node_modules/csstype/index.d.ts:12043
overflow-x
• Optional
overflow-x: clip | -moz-initial | inherit | initial | revert | unset | auto | hidden | visible | scroll | -moz-hidden-unscrollable | (undefined | clip | -moz-initial | inherit | initial | revert | unset | auto | hidden | visible | scroll | -moz-hidden-unscrollable)[]
The overflow-x
CSS property sets what shows when content overflows a block-level element's left and right edges. This may be nothing, a scroll bar, or the overflow content.
Syntax: visible | hidden | clip | scroll | auto
Initial value: visible
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 3.5 | 3 | 12 | 5 |
see
https://developer.mozilla.org/docs/Web/CSS/overflow-x
Inherited from: CSS.PropertiesHyphenFallback.overflow-x
Defined in: node_modules/csstype/index.d.ts:12058
overflow-y
• Optional
overflow-y: clip | -moz-initial | inherit | initial | revert | unset | auto | hidden | visible | scroll | -moz-hidden-unscrollable | (undefined | clip | -moz-initial | inherit | initial | revert | unset | auto | hidden | visible | scroll | -moz-hidden-unscrollable)[]
The overflow-y
CSS property sets what shows when content overflows a block-level element's top and bottom edges. This may be nothing, a scroll bar, or the overflow content.
Syntax: visible | hidden | clip | scroll | auto
Initial value: visible
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 3.5 | 3 | 12 | 5 |
see
https://developer.mozilla.org/docs/Web/CSS/overflow-y
Inherited from: CSS.PropertiesHyphenFallback.overflow-y
Defined in: node_modules/csstype/index.d.ts:12072
overflowAnchor
• Optional
overflowAnchor: -moz-initial | inherit | initial | revert | unset | auto | none | (undefined | -moz-initial | inherit | initial | revert | unset | auto | none)[]
Syntax: auto | none
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
56 | 66 | No | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/overflow-anchor
Inherited from: CSS.PropertiesFallback.overflowAnchor
Defined in: node_modules/csstype/index.d.ts:3290
overflowBlock
• Optional
overflowBlock: clip | -moz-initial | inherit | initial | revert | unset | auto | hidden | visible | scroll | (undefined | clip | -moz-initial | inherit | initial | revert | unset | auto | hidden | visible | scroll)[]
Syntax: visible | hidden | clip | scroll | auto
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
No | 69 | No | No | No |
see
https://developer.mozilla.org/docs/Web/CSS/overflow-block
Inherited from: CSS.PropertiesFallback.overflowBlock
Defined in: node_modules/csstype/index.d.ts:3302
overflowClipBox
• Optional
overflowClipBox: -moz-initial | inherit | initial | revert | unset | content-box | padding-box | (undefined | -moz-initial | inherit | initial | revert | unset | content-box | padding-box)[]
The overflow-clip-box
CSS property specifies relative to which box the clipping happens when there is an overflow. It is short hand for the overflow-clip-box-inline
and overflow-clip-box-block
properties.
Syntax: padding-box | content-box
Initial value: padding-box
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
No | 29 | No | No | No |
see
https://developer.mozilla.org/docs/Mozilla/Gecko/Chrome/CSS/overflow-clip-box
Inherited from: CSS.PropertiesFallback.overflowClipBox
Defined in: node_modules/csstype/index.d.ts:3316
overflowInline
• Optional
overflowInline: clip | -moz-initial | inherit | initial | revert | unset | auto | hidden | visible | scroll | (undefined | clip | -moz-initial | inherit | initial | revert | unset | auto | hidden | visible | scroll)[]
Syntax: visible | hidden | clip | scroll | auto
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
No | 69 | No | No | No |
see
https://developer.mozilla.org/docs/Web/CSS/overflow-inline
Inherited from: CSS.PropertiesFallback.overflowInline
Defined in: node_modules/csstype/index.d.ts:3328
overflowWrap
• Optional
overflowWrap: -moz-initial | inherit | initial | revert | unset | normal | anywhere | break-word | (undefined | -moz-initial | inherit | initial | revert | unset | normal | anywhere | break-word)[]
The **overflow-wrap**
CSS property applies to inline elements, setting whether the browser should insert line breaks within an otherwise unbreakable string to prevent text from overflowing its line box.
Syntax: normal | break-word | anywhere
Initial value: normal
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
23 | 49 | 6.1 | 18 | 5.5 (word-wrap) |
1 (word-wrap) | 3.5 (word-wrap) | 1 (word-wrap) | 12 (word-wrap) |
see
https://developer.mozilla.org/docs/Web/CSS/overflow-wrap
Inherited from: CSS.PropertiesFallback.overflowWrap
Defined in: node_modules/csstype/index.d.ts:3343
overflowX
• Optional
overflowX: clip | -moz-initial | inherit | initial | revert | unset | auto | hidden | visible | scroll | -moz-hidden-unscrollable | (undefined | clip | -moz-initial | inherit | initial | revert | unset | auto | hidden | visible | scroll | -moz-hidden-unscrollable)[]
The overflow-x
CSS property sets what shows when content overflows a block-level element's left and right edges. This may be nothing, a scroll bar, or the overflow content.
Syntax: visible | hidden | clip | scroll | auto
Initial value: visible
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 3.5 | 3 | 12 | 5 |
see
https://developer.mozilla.org/docs/Web/CSS/overflow-x
Inherited from: CSS.PropertiesFallback.overflowX
Defined in: node_modules/csstype/index.d.ts:3357
overflowY
• Optional
overflowY: clip | -moz-initial | inherit | initial | revert | unset | auto | hidden | visible | scroll | -moz-hidden-unscrollable | (undefined | clip | -moz-initial | inherit | initial | revert | unset | auto | hidden | visible | scroll | -moz-hidden-unscrollable)[]
The overflow-y
CSS property sets what shows when content overflows a block-level element's top and bottom edges. This may be nothing, a scroll bar, or the overflow content.
Syntax: visible | hidden | clip | scroll | auto
Initial value: visible
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 3.5 | 3 | 12 | 5 |
see
https://developer.mozilla.org/docs/Web/CSS/overflow-y
Inherited from: CSS.PropertiesFallback.overflowY
Defined in: node_modules/csstype/index.d.ts:3371
overscroll-behavior
• Optional
overscroll-behavior: contain | -moz-initial | inherit | initial | revert | unset | string & {} | auto | none | (undefined | contain | -moz-initial | inherit | initial | revert | unset | string & {} | auto | none)[]
The overscroll-behavior
CSS property sets what a browser does when reaching the boundary of a scrolling area. It's a shorthand for overscroll-behavior-x
and overscroll-behavior-y
.
Syntax: [ contain | none | auto ]{1,2}
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
63 | 59 | No | 18 | No |
see
https://developer.mozilla.org/docs/Web/CSS/overscroll-behavior
Inherited from: CSS.PropertiesHyphenFallback.overscroll-behavior
Defined in: node_modules/csstype/index.d.ts:12086
overscroll-behavior-block
• Optional
overscroll-behavior-block: contain | -moz-initial | inherit | initial | revert | unset | auto | none | (undefined | contain | -moz-initial | inherit | initial | revert | unset | auto | none)[]
The overscroll-behavior-block
CSS property sets the browser's behavior when the block direction boundary of a scrolling area is reached.
Syntax: contain | none | auto
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
77 | 73 | No | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/overscroll-behavior-block
Inherited from: CSS.PropertiesHyphenFallback.overscroll-behavior-block
Defined in: node_modules/csstype/index.d.ts:12100
overscroll-behavior-inline
• Optional
overscroll-behavior-inline: contain | -moz-initial | inherit | initial | revert | unset | auto | none | (undefined | contain | -moz-initial | inherit | initial | revert | unset | auto | none)[]
The overscroll-behavior-inline
CSS property sets the browser's behavior when the inline direction boundary of a scrolling area is reached.
Syntax: contain | none | auto
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
77 | 73 | No | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/overscroll-behavior-inline
Inherited from: CSS.PropertiesHyphenFallback.overscroll-behavior-inline
Defined in: node_modules/csstype/index.d.ts:12114
overscroll-behavior-x
• Optional
overscroll-behavior-x: contain | -moz-initial | inherit | initial | revert | unset | auto | none | (undefined | contain | -moz-initial | inherit | initial | revert | unset | auto | none)[]
The overscroll-behavior-x
CSS property sets the browser's behavior when the horizontal boundary of a scrolling area is reached.
Syntax: contain | none | auto
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
63 | 59 | No | 18 | No |
see
https://developer.mozilla.org/docs/Web/CSS/overscroll-behavior-x
Inherited from: CSS.PropertiesHyphenFallback.overscroll-behavior-x
Defined in: node_modules/csstype/index.d.ts:12128
overscroll-behavior-y
• Optional
overscroll-behavior-y: contain | -moz-initial | inherit | initial | revert | unset | auto | none | (undefined | contain | -moz-initial | inherit | initial | revert | unset | auto | none)[]
The overscroll-behavior-y
CSS property sets the browser's behavior when the vertical boundary of a scrolling area is reached.
Syntax: contain | none | auto
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
63 | 59 | No | 18 | No |
see
https://developer.mozilla.org/docs/Web/CSS/overscroll-behavior-y
Inherited from: CSS.PropertiesHyphenFallback.overscroll-behavior-y
Defined in: node_modules/csstype/index.d.ts:12142
overscrollBehavior
• Optional
overscrollBehavior: contain | -moz-initial | inherit | initial | revert | unset | string & {} | auto | none | (undefined | contain | -moz-initial | inherit | initial | revert | unset | string & {} | auto | none)[]
The overscroll-behavior
CSS property sets what a browser does when reaching the boundary of a scrolling area. It's a shorthand for overscroll-behavior-x
and overscroll-behavior-y
.
Syntax: [ contain | none | auto ]{1,2}
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
63 | 59 | No | 18 | No |
see
https://developer.mozilla.org/docs/Web/CSS/overscroll-behavior
Inherited from: CSS.PropertiesFallback.overscrollBehavior
Defined in: node_modules/csstype/index.d.ts:3385
overscrollBehaviorBlock
• Optional
overscrollBehaviorBlock: contain | -moz-initial | inherit | initial | revert | unset | auto | none | (undefined | contain | -moz-initial | inherit | initial | revert | unset | auto | none)[]
The overscroll-behavior-block
CSS property sets the browser's behavior when the block direction boundary of a scrolling area is reached.
Syntax: contain | none | auto
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
77 | 73 | No | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/overscroll-behavior-block
Inherited from: CSS.PropertiesFallback.overscrollBehaviorBlock
Defined in: node_modules/csstype/index.d.ts:3399
overscrollBehaviorInline
• Optional
overscrollBehaviorInline: contain | -moz-initial | inherit | initial | revert | unset | auto | none | (undefined | contain | -moz-initial | inherit | initial | revert | unset | auto | none)[]
The overscroll-behavior-inline
CSS property sets the browser's behavior when the inline direction boundary of a scrolling area is reached.
Syntax: contain | none | auto
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
77 | 73 | No | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/overscroll-behavior-inline
Inherited from: CSS.PropertiesFallback.overscrollBehaviorInline
Defined in: node_modules/csstype/index.d.ts:3413
overscrollBehaviorX
• Optional
overscrollBehaviorX: contain | -moz-initial | inherit | initial | revert | unset | auto | none | (undefined | contain | -moz-initial | inherit | initial | revert | unset | auto | none)[]
The overscroll-behavior-x
CSS property sets the browser's behavior when the horizontal boundary of a scrolling area is reached.
Syntax: contain | none | auto
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
63 | 59 | No | 18 | No |
see
https://developer.mozilla.org/docs/Web/CSS/overscroll-behavior-x
Inherited from: CSS.PropertiesFallback.overscrollBehaviorX
Defined in: node_modules/csstype/index.d.ts:3427
overscrollBehaviorY
• Optional
overscrollBehaviorY: contain | -moz-initial | inherit | initial | revert | unset | auto | none | (undefined | contain | -moz-initial | inherit | initial | revert | unset | auto | none)[]
The overscroll-behavior-y
CSS property sets the browser's behavior when the vertical boundary of a scrolling area is reached.
Syntax: contain | none | auto
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
63 | 59 | No | 18 | No |
see
https://developer.mozilla.org/docs/Web/CSS/overscroll-behavior-y
Inherited from: CSS.PropertiesFallback.overscrollBehaviorY
Defined in: node_modules/csstype/index.d.ts:3441
padding
• Optional
padding: string | string & {} | (undefined | string | string & {})[]
The padding
CSS shorthand property sets the padding area on all four sides of an element at once.
Syntax: [ <length> | <percentage> ]{1,4}
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/padding
Inherited from: CSS.PropertiesFallback.padding
Defined in: node_modules/csstype/index.d.ts:5596
padding-block
• Optional
padding-block: string | string & {} | (undefined | string | string & {})[]
The padding-block
CSS shorthand property defines the logical block start and end padding of an element, which maps to physical padding properties depending on the element's writing mode, directionality, and text orientation.
Syntax: <'padding-left'>{1,2}
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
87 | 66 | No | n/a | No |
see
https://developer.mozilla.org/docs/Web/CSS/padding-block
Inherited from: CSS.PropertiesHyphenFallback.padding-block
Defined in: node_modules/csstype/index.d.ts:12156
padding-block-end
• Optional
padding-block-end: string | string & {} | (undefined | string | string & {})[]
The padding-block-end
CSS property defines the logical block end padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation.
Syntax: <'padding-left'>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 41 | 12.1 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/padding-block-end
Inherited from: CSS.PropertiesHyphenFallback.padding-block-end
Defined in: node_modules/csstype/index.d.ts:12170
padding-block-start
• Optional
padding-block-start: string | string & {} | (undefined | string | string & {})[]
The padding-block-start
CSS property defines the logical block start padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation.
Syntax: <'padding-left'>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 41 | 12.1 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/padding-block-start
Inherited from: CSS.PropertiesHyphenFallback.padding-block-start
Defined in: node_modules/csstype/index.d.ts:12184
padding-bottom
• Optional
padding-bottom: string | string & {} | (undefined | string | string & {})[]
The padding-bottom
CSS property sets the height of the padding area on the bottom of an element.
Syntax: <length> | <percentage>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/padding-bottom
Inherited from: CSS.PropertiesHyphenFallback.padding-bottom
Defined in: node_modules/csstype/index.d.ts:12198
padding-inline
• Optional
padding-inline: string | string & {} | (undefined | string | string & {})[]
The padding-inline
CSS shorthand property defines the logical inline start and end padding of an element, which maps to physical padding properties depending on the element's writing mode, directionality, and text orientation.
Syntax: <'padding-left'>{1,2}
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
87 | 66 | No | n/a | No |
see
https://developer.mozilla.org/docs/Web/CSS/padding-inline
Inherited from: CSS.PropertiesHyphenFallback.padding-inline
Defined in: node_modules/csstype/index.d.ts:12212
padding-inline-end
• Optional
padding-inline-end: string | string & {} | (undefined | string | string & {})[]
The padding-inline-end
CSS property defines the logical inline end padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation.
Syntax: <'padding-left'>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 41 | 12.1 | 79 | No |
2 (-webkit-padding-end) | 3 (-moz-padding-end) | 3 (-webkit-padding-end) |
see
https://developer.mozilla.org/docs/Web/CSS/padding-inline-end
Inherited from: CSS.PropertiesHyphenFallback.padding-inline-end
Defined in: node_modules/csstype/index.d.ts:12226
padding-inline-start
• Optional
padding-inline-start: string | string & {} | (undefined | string | string & {})[]
The padding-inline-start
CSS property defines the logical inline start padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation.
Syntax: <'padding-left'>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 41 | 12.1 | 79 | No |
2 (-webkit-padding-start) | 3 (-moz-padding-start) | 3 (-webkit-padding-start) |
see
https://developer.mozilla.org/docs/Web/CSS/padding-inline-start
Inherited from: CSS.PropertiesHyphenFallback.padding-inline-start
Defined in: node_modules/csstype/index.d.ts:12241
padding-left
• Optional
padding-left: string | string & {} | (undefined | string | string & {})[]
The padding-left
CSS property sets the width of the padding area to the left of an element.
Syntax: <length> | <percentage>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/padding-left
Inherited from: CSS.PropertiesHyphenFallback.padding-left
Defined in: node_modules/csstype/index.d.ts:12256
padding-right
• Optional
padding-right: string | string & {} | (undefined | string | string & {})[]
The padding-right
CSS property sets the width of the padding area on the right of an element.
Syntax: <length> | <percentage>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/padding-right
Inherited from: CSS.PropertiesHyphenFallback.padding-right
Defined in: node_modules/csstype/index.d.ts:12270
padding-top
• Optional
padding-top: string | string & {} | (undefined | string | string & {})[]
The padding-top
CSS property sets the height of the padding area on the top of an element.
Syntax: <length> | <percentage>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/padding-top
Inherited from: CSS.PropertiesHyphenFallback.padding-top
Defined in: node_modules/csstype/index.d.ts:12284
paddingBlock
• Optional
paddingBlock: string | string & {} | (undefined | string | string & {})[]
The padding-block
CSS shorthand property defines the logical block start and end padding of an element, which maps to physical padding properties depending on the element's writing mode, directionality, and text orientation.
Syntax: <'padding-left'>{1,2}
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
87 | 66 | No | n/a | No |
see
https://developer.mozilla.org/docs/Web/CSS/padding-block
Inherited from: CSS.PropertiesFallback.paddingBlock
Defined in: node_modules/csstype/index.d.ts:3455
paddingBlockEnd
• Optional
paddingBlockEnd: string | string & {} | (undefined | string | string & {})[]
The padding-block-end
CSS property defines the logical block end padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation.
Syntax: <'padding-left'>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 41 | 12.1 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/padding-block-end
Inherited from: CSS.PropertiesFallback.paddingBlockEnd
Defined in: node_modules/csstype/index.d.ts:3469
paddingBlockStart
• Optional
paddingBlockStart: string | string & {} | (undefined | string | string & {})[]
The padding-block-start
CSS property defines the logical block start padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation.
Syntax: <'padding-left'>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 41 | 12.1 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/padding-block-start
Inherited from: CSS.PropertiesFallback.paddingBlockStart
Defined in: node_modules/csstype/index.d.ts:3483
paddingBottom
• Optional
paddingBottom: string | string & {} | (undefined | string | string & {})[]
The padding-bottom
CSS property sets the height of the padding area on the bottom of an element.
Syntax: <length> | <percentage>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/padding-bottom
Inherited from: CSS.PropertiesFallback.paddingBottom
Defined in: node_modules/csstype/index.d.ts:3497
paddingInline
• Optional
paddingInline: string | string & {} | (undefined | string | string & {})[]
The padding-inline
CSS shorthand property defines the logical inline start and end padding of an element, which maps to physical padding properties depending on the element's writing mode, directionality, and text orientation.
Syntax: <'padding-left'>{1,2}
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
87 | 66 | No | n/a | No |
see
https://developer.mozilla.org/docs/Web/CSS/padding-inline
Inherited from: CSS.PropertiesFallback.paddingInline
Defined in: node_modules/csstype/index.d.ts:3511
paddingInlineEnd
• Optional
paddingInlineEnd: string | string & {} | (undefined | string | string & {})[]
The padding-inline-end
CSS property defines the logical inline end padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation.
Syntax: <'padding-left'>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 41 | 12.1 | 79 | No |
2 (-webkit-padding-end) | 3 (-moz-padding-end) | 3 (-webkit-padding-end) |
see
https://developer.mozilla.org/docs/Web/CSS/padding-inline-end
Inherited from: CSS.PropertiesFallback.paddingInlineEnd
Defined in: node_modules/csstype/index.d.ts:3526
paddingInlineStart
• Optional
paddingInlineStart: string | string & {} | (undefined | string | string & {})[]
The padding-inline-start
CSS property defines the logical inline start padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation.
Syntax: <'padding-left'>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 41 | 12.1 | 79 | No |
2 (-webkit-padding-start) | 3 (-moz-padding-start) | 3 (-webkit-padding-start) |
see
https://developer.mozilla.org/docs/Web/CSS/padding-inline-start
Inherited from: CSS.PropertiesFallback.paddingInlineStart
Defined in: node_modules/csstype/index.d.ts:3541
paddingLeft
• Optional
paddingLeft: string | string & {} | (undefined | string | string & {})[]
The padding-left
CSS property sets the width of the padding area to the left of an element.
Syntax: <length> | <percentage>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/padding-left
Inherited from: CSS.PropertiesFallback.paddingLeft
Defined in: node_modules/csstype/index.d.ts:3555
paddingRight
• Optional
paddingRight: string | string & {} | (undefined | string | string & {})[]
The padding-right
CSS property sets the width of the padding area on the right of an element.
Syntax: <length> | <percentage>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/padding-right
Inherited from: CSS.PropertiesFallback.paddingRight
Defined in: node_modules/csstype/index.d.ts:3569
paddingTop
• Optional
paddingTop: string | string & {} | (undefined | string | string & {})[]
The padding-top
CSS property sets the height of the padding area on the top of an element.
Syntax: <length> | <percentage>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/padding-top
Inherited from: CSS.PropertiesFallback.paddingTop
Defined in: node_modules/csstype/index.d.ts:3583
page-break-after
• Optional
page-break-after: left | right | -moz-initial | inherit | initial | revert | unset | auto | always | avoid | recto | verso | (undefined | left | right | -moz-initial | inherit | initial | revert | unset | auto | always | avoid | recto | verso)[]
The page-break-after
CSS property adjusts page breaks after the current element.
Syntax: auto | always | avoid | left | right | recto | verso
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1.2 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/page-break-after
Inherited from: CSS.PropertiesHyphenFallback.page-break-after
Defined in: node_modules/csstype/index.d.ts:12298
page-break-before
• Optional
page-break-before: left | right | -moz-initial | inherit | initial | revert | unset | auto | always | avoid | recto | verso | (undefined | left | right | -moz-initial | inherit | initial | revert | unset | auto | always | avoid | recto | verso)[]
The page-break-before
CSS property adjusts page breaks before the current element.
Syntax: auto | always | avoid | left | right | recto | verso
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1.2 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/page-break-before
Inherited from: CSS.PropertiesHyphenFallback.page-break-before
Defined in: node_modules/csstype/index.d.ts:12312
page-break-inside
• Optional
page-break-inside: -moz-initial | inherit | initial | revert | unset | auto | avoid | (undefined | -moz-initial | inherit | initial | revert | unset | auto | avoid)[]
The page-break-inside
CSS property adjusts page breaks inside the current element.
Syntax: auto | avoid
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 19 | 1.3 | 12 | 8 |
see
https://developer.mozilla.org/docs/Web/CSS/page-break-inside
Inherited from: CSS.PropertiesHyphenFallback.page-break-inside
Defined in: node_modules/csstype/index.d.ts:12326
pageBreakAfter
• Optional
pageBreakAfter: left | right | -moz-initial | inherit | initial | revert | unset | auto | always | avoid | recto | verso | (undefined | left | right | -moz-initial | inherit | initial | revert | unset | auto | always | avoid | recto | verso)[]
The page-break-after
CSS property adjusts page breaks after the current element.
Syntax: auto | always | avoid | left | right | recto | verso
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1.2 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/page-break-after
Inherited from: CSS.PropertiesFallback.pageBreakAfter
Defined in: node_modules/csstype/index.d.ts:3597
pageBreakBefore
• Optional
pageBreakBefore: left | right | -moz-initial | inherit | initial | revert | unset | auto | always | avoid | recto | verso | (undefined | left | right | -moz-initial | inherit | initial | revert | unset | auto | always | avoid | recto | verso)[]
The page-break-before
CSS property adjusts page breaks before the current element.
Syntax: auto | always | avoid | left | right | recto | verso
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1.2 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/page-break-before
Inherited from: CSS.PropertiesFallback.pageBreakBefore
Defined in: node_modules/csstype/index.d.ts:3611
pageBreakInside
• Optional
pageBreakInside: -moz-initial | inherit | initial | revert | unset | auto | avoid | (undefined | -moz-initial | inherit | initial | revert | unset | auto | avoid)[]
The page-break-inside
CSS property adjusts page breaks inside the current element.
Syntax: auto | avoid
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 19 | 1.3 | 12 | 8 |
see
https://developer.mozilla.org/docs/Web/CSS/page-break-inside
Inherited from: CSS.PropertiesFallback.pageBreakInside
Defined in: node_modules/csstype/index.d.ts:3625
paint-order
• Optional
paint-order: fill | stroke | -moz-initial | inherit | initial | revert | unset | normal | string & {} | markers | (undefined | fill | stroke | -moz-initial | inherit | initial | revert | unset | normal | string & {} | markers)[]
The paint-order
CSS property lets you control the order in which the fill and stroke (and painting markers) of text content and shapes are drawn.
Syntax: normal | [ fill || stroke || markers ]
Initial value: normal
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
35 | 60 | 8 | 17 | No |
see
https://developer.mozilla.org/docs/Web/CSS/paint-order
Inherited from: CSS.PropertiesHyphenFallback.paint-order
Defined in: node_modules/csstype/index.d.ts:12340
paintOrder
• Optional
paintOrder: fill | stroke | -moz-initial | inherit | initial | revert | unset | normal | string & {} | markers | (undefined | fill | stroke | -moz-initial | inherit | initial | revert | unset | normal | string & {} | markers)[]
The paint-order
CSS property lets you control the order in which the fill and stroke (and painting markers) of text content and shapes are drawn.
Syntax: normal | [ fill || stroke || markers ]
Initial value: normal
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
35 | 60 | 8 | 17 | No |
see
https://developer.mozilla.org/docs/Web/CSS/paint-order
Inherited from: CSS.PropertiesFallback.paintOrder
Defined in: node_modules/csstype/index.d.ts:3639
perspective
• Optional
perspective: string | (undefined | string)[]
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
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
36 | 16 | 9 | 12 | 10 |
12 -x- | 10 -x- | 4 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/perspective
Inherited from: CSS.PropertiesFallback.perspective
Defined in: node_modules/csstype/index.d.ts:3654
perspective-origin
• Optional
perspective-origin: string | string & {} | (undefined | string | string & {})[]
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%
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
36 | 16 | 9 | 12 | 10 |
12 -x- | 10 -x- | 4 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/perspective-origin
Inherited from: CSS.PropertiesHyphenFallback.perspective-origin
Defined in: node_modules/csstype/index.d.ts:12369
perspectiveOrigin
• Optional
perspectiveOrigin: string | string & {} | (undefined | string | string & {})[]
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%
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
36 | 16 | 9 | 12 | 10 |
12 -x- | 10 -x- | 4 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/perspective-origin
Inherited from: CSS.PropertiesFallback.perspectiveOrigin
Defined in: node_modules/csstype/index.d.ts:3669
place-content
• Optional
place-content: -moz-initial | inherit | initial | revert | unset | space-around | space-between | space-evenly | stretch | center | end | flex-end | flex-start | start | baseline | normal | string & {} | (undefined | -moz-initial | inherit | initial | revert | unset | space-around | space-between | space-evenly | stretch | center | end | flex-end | flex-start | start | baseline | normal | string & {})[]
The **place-content**
CSS shorthand property allows you to align content along both the block and inline directions at once (i.e. the align-content
and justify-content
properties) in a relevant layout system such as Grid or Flexbox.
Syntax: <'align-content'> <'justify-content'>?
Initial value: normal
Supported in Flex Layout
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
59 | 45 | 9 | 79 | No |
Supported in Grid Layout
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
59 | 53 | 11 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/place-content
Inherited from: CSS.PropertiesHyphenFallback.place-content
Defined in: node_modules/csstype/index.d.ts:12384
place-items
• Optional
place-items: -moz-initial | inherit | initial | revert | unset | stretch | center | end | flex-end | flex-start | start | baseline | normal | string & {} | self-end | self-start | (undefined | -moz-initial | inherit | initial | revert | unset | stretch | center | end | flex-end | flex-start | start | baseline | normal | string & {} | self-end | self-start)[]
The CSS place-items
shorthand property allows you to align items along both the block and inline directions at once (i.e. the align-items
and justify-items
properties) in a relevant layout system such as Grid or Flexbox. If the second value is not set, the first value is also used for it.
Syntax: <'align-items'> <'justify-items'>?
Supported in Flex Layout
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
59 | 45 | 11 | 79 | No |
Supported in Grid Layout
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
59 | 45 | 11 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/place-items
Inherited from: CSS.PropertiesHyphenFallback.place-items
Defined in: node_modules/csstype/index.d.ts:14311
place-self
• Optional
place-self: -moz-initial | inherit | initial | revert | unset | stretch | center | end | flex-end | flex-start | start | baseline | normal | string & {} | self-end | self-start | auto | (undefined | -moz-initial | inherit | initial | revert | unset | stretch | center | end | flex-end | flex-start | start | baseline | normal | string & {} | self-end | self-start | auto)[]
The place-self
CSS shorthand property allows you to align an individual item in both the block and inline directions at once (i.e. the align-self
and justify-self
properties) in a relevant layout system such as Grid or Flexbox. If the second value is not present, the first value is also used for it.
Syntax: <'align-self'> <'justify-self'>?
Supported in Flex Layout
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
59 | 45 | 11 | 79 | No |
Supported in Grid Layout
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
59 | 45 | 11 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/place-self
Inherited from: CSS.PropertiesHyphenFallback.place-self
Defined in: node_modules/csstype/index.d.ts:14337
placeContent
• Optional
placeContent: -moz-initial | inherit | initial | revert | unset | space-around | space-between | space-evenly | stretch | center | end | flex-end | flex-start | start | baseline | normal | string & {} | (undefined | -moz-initial | inherit | initial | revert | unset | space-around | space-between | space-evenly | stretch | center | end | flex-end | flex-start | start | baseline | normal | string & {})[]
The **place-content**
CSS shorthand property allows you to align content along both the block and inline directions at once (i.e. the align-content
and justify-content
properties) in a relevant layout system such as Grid or Flexbox.
Syntax: <'align-content'> <'justify-content'>?
Initial value: normal
Supported in Flex Layout
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
59 | 45 | 9 | 79 | No |
Supported in Grid Layout
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
59 | 53 | 11 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/place-content
Inherited from: CSS.PropertiesFallback.placeContent
Defined in: node_modules/csstype/index.d.ts:3697
placeItems
• Optional
placeItems: -moz-initial | inherit | initial | revert | unset | stretch | center | end | flex-end | flex-start | start | baseline | normal | string & {} | self-end | self-start | (undefined | -moz-initial | inherit | initial | revert | unset | stretch | center | end | flex-end | flex-start | start | baseline | normal | string & {} | self-end | self-start)[]
The CSS place-items
shorthand property allows you to align items along both the block and inline directions at once (i.e. the align-items
and justify-items
properties) in a relevant layout system such as Grid or Flexbox. If the second value is not set, the first value is also used for it.
Syntax: <'align-items'> <'justify-items'>?
Supported in Flex Layout
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
59 | 45 | 11 | 79 | No |
Supported in Grid Layout
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
59 | 45 | 11 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/place-items
Inherited from: CSS.PropertiesFallback.placeItems
Defined in: node_modules/csstype/index.d.ts:5622
placeSelf
• Optional
placeSelf: -moz-initial | inherit | initial | revert | unset | stretch | center | end | flex-end | flex-start | start | baseline | normal | string & {} | self-end | self-start | auto | (undefined | -moz-initial | inherit | initial | revert | unset | stretch | center | end | flex-end | flex-start | start | baseline | normal | string & {} | self-end | self-start | auto)[]
The place-self
CSS shorthand property allows you to align an individual item in both the block and inline directions at once (i.e. the align-self
and justify-self
properties) in a relevant layout system such as Grid or Flexbox. If the second value is not present, the first value is also used for it.
Syntax: <'align-self'> <'justify-self'>?
Supported in Flex Layout
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
59 | 45 | 11 | 79 | No |
Supported in Grid Layout
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
59 | 45 | 11 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/place-self
Inherited from: CSS.PropertiesFallback.placeSelf
Defined in: node_modules/csstype/index.d.ts:5648
pointer-events
• Optional
pointer-events: fill | stroke | all | -moz-initial | inherit | initial | revert | unset | auto | none | visible | painted | visibleFill | visiblePainted | visibleStroke | (undefined | fill | stroke | all | -moz-initial | inherit | initial | revert | unset | auto | none | visible | painted | visibleFill | visiblePainted | visibleStroke)[]
The pointer-events
CSS property sets under what circumstances (if any) a particular graphic element can become the target of pointer events.
Syntax: auto | none | visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | inherit
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1.5 | 4 | 12 | 11 |
see
https://developer.mozilla.org/docs/Web/CSS/pointer-events
Inherited from: CSS.PropertiesHyphenFallback.pointer-events
Defined in: node_modules/csstype/index.d.ts:12412
pointerEvents
• Optional
pointerEvents: fill | stroke | all | -moz-initial | inherit | initial | revert | unset | auto | none | visible | painted | visibleFill | visiblePainted | visibleStroke | (undefined | fill | stroke | all | -moz-initial | inherit | initial | revert | unset | auto | none | visible | painted | visibleFill | visiblePainted | visibleStroke)[]
The pointer-events
CSS property sets under what circumstances (if any) a particular graphic element can become the target of pointer events.
Syntax: auto | none | visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | inherit
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1.5 | 4 | 12 | 11 |
see
https://developer.mozilla.org/docs/Web/CSS/pointer-events
Inherited from: CSS.PropertiesFallback.pointerEvents
Defined in: node_modules/csstype/index.d.ts:3711
position
• Optional
position: -moz-initial | inherit | initial | revert | unset | fixed | -webkit-sticky | absolute | relative | static | sticky | (undefined | -moz-initial | inherit | initial | revert | unset | fixed | -webkit-sticky | absolute | relative | static | sticky)[]
The position
CSS property sets how an element is positioned in a document. The top
, right
, bottom
, and left
properties determine the final location of positioned elements.
Syntax: static | relative | absolute | sticky | fixed
Initial value: static
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/position
Inherited from: CSS.PropertiesFallback.position
Defined in: node_modules/csstype/index.d.ts:3725
quotes
• Optional
quotes: -moz-initial | inherit | initial | revert | unset | string & {} | auto | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | auto | none)[]
The quotes
CSS property sets how the browser should render quotation marks that are added using the open-quotes
or close-quotes
values of the CSS content
property.
Syntax: none | auto | [ <string> <string> ]+
Initial value: depends on user agent
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
11 | 1.5 | 9 | 12 | 8 |
see
https://developer.mozilla.org/docs/Web/CSS/quotes
Inherited from: CSS.PropertiesFallback.quotes
Defined in: node_modules/csstype/index.d.ts:3739
resize
• Optional
resize: -moz-initial | inherit | initial | revert | unset | both | none | block | inline | horizontal | vertical | (undefined | -moz-initial | inherit | initial | revert | unset | both | none | block | inline | horizontal | vertical)[]
The resize
CSS property sets whether an element is resizable, and if so, in which directions.
Syntax: none | both | horizontal | vertical | block | inline
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 4 | 3 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/resize
Inherited from: CSS.PropertiesFallback.resize
Defined in: node_modules/csstype/index.d.ts:3753
right
• Optional
right: string | string & {} | (undefined | string | string & {})[]
The right
CSS property participates in specifying the horizontal position of a positioned element. It has no effect on non-positioned elements.
Syntax: <length> | <percentage> | auto
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 5.5 |
see
https://developer.mozilla.org/docs/Web/CSS/right
Inherited from: CSS.PropertiesFallback.right
Defined in: node_modules/csstype/index.d.ts:3767
rotate
• Optional
rotate: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
The rotate
CSS property allows you to specify rotation transforms individually and independently of the transform
property. This maps better to typical user interface usage, and saves having to remember the exact order of transform functions to specify in the transform
property.
Syntax: none | <angle> | [ x | y | z | <number>{3} ] && <angle>
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
No | 72 | No | No | No |
see
https://developer.mozilla.org/docs/Web/CSS/rotate
Inherited from: CSS.PropertiesFallback.rotate
Defined in: node_modules/csstype/index.d.ts:3781
row-gap
• Optional
row-gap: string | string & {} | (undefined | string | string & {})[]
The row-gap
CSS property sets the size of the gap (gutter) between an element's grid rows.
Syntax: normal | <length-percentage>
Initial value: normal
Supported in Flex Layout
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
84 | 63 | No | 84 | No |
Supported in Grid Layout
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
66 | 61 | 12.1 | 16 | No |
57 (grid-row-gap) | 52 (grid-row-gap) | 10.1 (grid-row-gap) |
see
https://developer.mozilla.org/docs/Web/CSS/row-gap
Inherited from: CSS.PropertiesHyphenFallback.row-gap
Defined in: node_modules/csstype/index.d.ts:12496
rowGap
• Optional
rowGap: string | string & {} | (undefined | string | string & {})[]
The row-gap
CSS property sets the size of the gap (gutter) between an element's grid rows.
Syntax: normal | <length-percentage>
Initial value: normal
Supported in Flex Layout
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
84 | 63 | No | 84 | No |
Supported in Grid Layout
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
66 | 61 | 12.1 | 16 | No |
57 (grid-row-gap) | 52 (grid-row-gap) | 10.1 (grid-row-gap) |
see
https://developer.mozilla.org/docs/Web/CSS/row-gap
Inherited from: CSS.PropertiesFallback.rowGap
Defined in: node_modules/csstype/index.d.ts:3810
ruby-align
• Optional
ruby-align: -moz-initial | inherit | initial | revert | unset | space-around | space-between | center | start | (undefined | -moz-initial | inherit | initial | revert | unset | space-around | space-between | center | start)[]
The **ruby-align**
CSS property defines the distribution of the different ruby elements over the base.
Syntax: start | center | space-between | space-around
Initial value: space-around
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
No | 38 | No | No | No |
see
https://developer.mozilla.org/docs/Web/CSS/ruby-align
Inherited from: CSS.PropertiesHyphenFallback.ruby-align
Defined in: node_modules/csstype/index.d.ts:12525
ruby-merge
• Optional
ruby-merge: -moz-initial | inherit | initial | revert | unset | auto | collapse | separate | (undefined | -moz-initial | inherit | initial | revert | unset | auto | collapse | separate)[]
Syntax: separate | collapse | auto
Initial value: separate
Inherited from: CSS.PropertiesHyphenFallback.ruby-merge
Defined in: node_modules/csstype/index.d.ts:12539
ruby-position
• Optional
ruby-position: -moz-initial | inherit | initial | revert | unset | over | under | (undefined | -moz-initial | inherit | initial | revert | unset | over | under)[]
The **ruby-position**
CSS property defines the position of a ruby element relatives to its base element. It can be position over the element (over
), under it (under
), or between the characters, on their right side (inter-character
).
Syntax: over | under | inter-character
Initial value: over
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
84 | 38 | 6.1 -x- | 12-79 | No |
1 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/ruby-position
Inherited from: CSS.PropertiesHyphenFallback.ruby-position
Defined in: node_modules/csstype/index.d.ts:12545
rubyAlign
• Optional
rubyAlign: -moz-initial | inherit | initial | revert | unset | space-around | space-between | center | start | (undefined | -moz-initial | inherit | initial | revert | unset | space-around | space-between | center | start)[]
The **ruby-align**
CSS property defines the distribution of the different ruby elements over the base.
Syntax: start | center | space-between | space-around
Initial value: space-around
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
No | 38 | No | No | No |
see
https://developer.mozilla.org/docs/Web/CSS/ruby-align
Inherited from: CSS.PropertiesFallback.rubyAlign
Defined in: node_modules/csstype/index.d.ts:3824
rubyMerge
• Optional
rubyMerge: -moz-initial | inherit | initial | revert | unset | auto | collapse | separate | (undefined | -moz-initial | inherit | initial | revert | unset | auto | collapse | separate)[]
Syntax: separate | collapse | auto
Initial value: separate
Inherited from: CSS.PropertiesFallback.rubyMerge
Defined in: node_modules/csstype/index.d.ts:3830
rubyPosition
• Optional
rubyPosition: -moz-initial | inherit | initial | revert | unset | over | under | (undefined | -moz-initial | inherit | initial | revert | unset | over | under)[]
The **ruby-position**
CSS property defines the position of a ruby element relatives to its base element. It can be position over the element (over
), under it (under
), or between the characters, on their right side (inter-character
).
Syntax: over | under | inter-character
Initial value: over
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
84 | 38 | 6.1 -x- | 12-79 | No |
1 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/ruby-position
Inherited from: CSS.PropertiesFallback.rubyPosition
Defined in: node_modules/csstype/index.d.ts:3845
scale
• Optional
scale: -moz-initial | inherit | initial | revert | unset | string & {} | none | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none | number & {})[]
The scale
CSS property allows you to specify scale transforms individually and independently of the transform
property. This maps better to typical user interface usage, and saves having to remember the exact order of transform functions to specify in the transform
value.
Syntax: none | <number>{1,3}
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
No | 72 | No | No | No |
see
https://developer.mozilla.org/docs/Web/CSS/scale
Inherited from: CSS.PropertiesFallback.scale
Defined in: node_modules/csstype/index.d.ts:3859
scroll-behavior
• Optional
scroll-behavior: -moz-initial | inherit | initial | revert | unset | auto | smooth | (undefined | -moz-initial | inherit | initial | revert | unset | auto | smooth)[]
The scroll-behavior
CSS property sets the behavior for a scrolling box when scrolling is triggered by the navigation or CSSOM scrolling APIs.
Syntax: auto | smooth
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
61 | 36 | n/a | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/scroll-behavior
Inherited from: CSS.PropertiesHyphenFallback.scroll-behavior
Defined in: node_modules/csstype/index.d.ts:12574
scroll-margin
• Optional
scroll-margin: string | string & {} | (undefined | string | string & {})[]
The scroll-margin
shorthand property sets all of the scroll margins of an element at once, assigning values much like the margin
property does for margins of an element.
Syntax: <length>{1,4}
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 68 | 11 (scroll-snap-margin) | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/scroll-margin
Inherited from: CSS.PropertiesHyphenFallback.scroll-margin
Defined in: node_modules/csstype/index.d.ts:12588
scroll-margin-block
• Optional
scroll-margin-block: string | string & {} | (undefined | string | string & {})[]
The scroll-margin-block
shorthand property sets the scroll margins of an element in the block dimension.
Syntax: <length>{1,2}
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 68 | No | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/scroll-margin-block
Inherited from: CSS.PropertiesHyphenFallback.scroll-margin-block
Defined in: node_modules/csstype/index.d.ts:12602
scroll-margin-block-end
• Optional
scroll-margin-block-end: string | (undefined | string)[]
The scroll-margin-block-end
property defines the margin of the scroll snap area at the end of the block dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container’s coordinate space), then adding the specified outsets.
Syntax: <length>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 68 | No | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/scroll-margin-block-end
Inherited from: CSS.PropertiesHyphenFallback.scroll-margin-block-end
Defined in: node_modules/csstype/index.d.ts:12616
scroll-margin-block-start
• Optional
scroll-margin-block-start: string | (undefined | string)[]
The scroll-margin-block-start
property defines the margin of the scroll snap area at the start of the block dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container’s coordinate space), then adding the specified outsets.
Syntax: <length>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 68 | No | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/scroll-margin-block-start
Inherited from: CSS.PropertiesHyphenFallback.scroll-margin-block-start
Defined in: node_modules/csstype/index.d.ts:12630
scroll-margin-bottom
• Optional
scroll-margin-bottom: string | (undefined | string)[]
The scroll-margin-bottom
property defines the bottom margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container’s coordinate space), then adding the specified outsets.
Syntax: <length>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 68 | 11 (scroll-snap-margin-bottom) | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/scroll-margin-bottom
Inherited from: CSS.PropertiesHyphenFallback.scroll-margin-bottom
Defined in: node_modules/csstype/index.d.ts:12644
scroll-margin-inline
• Optional
scroll-margin-inline: string | string & {} | (undefined | string | string & {})[]
The scroll-margin-inline
shorthand property sets the scroll margins of an element in the inline dimension.
Syntax: <length>{1,2}
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
No | 68 | No | No | No |
see
https://developer.mozilla.org/docs/Web/CSS/scroll-margin-inline
Inherited from: CSS.PropertiesHyphenFallback.scroll-margin-inline
Defined in: node_modules/csstype/index.d.ts:12658
scroll-margin-inline-end
• Optional
scroll-margin-inline-end: string | (undefined | string)[]
The scroll-margin-inline-end
property defines the margin of the scroll snap area at the end of the inline dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container’s coordinate space), then adding the specified outsets.
Syntax: <length>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 68 | No | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/scroll-margin-inline-end
Inherited from: CSS.PropertiesHyphenFallback.scroll-margin-inline-end
Defined in: node_modules/csstype/index.d.ts:12672
scroll-margin-inline-start
• Optional
scroll-margin-inline-start: string | (undefined | string)[]
The scroll-margin-inline-start
property defines the margin of the scroll snap area at the start of the inline dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container’s coordinate space), then adding the specified outsets.
Syntax: <length>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 68 | No | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/scroll-margin-inline-start
Inherited from: CSS.PropertiesHyphenFallback.scroll-margin-inline-start
Defined in: node_modules/csstype/index.d.ts:12686
scroll-margin-left
• Optional
scroll-margin-left: string | (undefined | string)[]
The scroll-margin-left
property defines the left margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container’s coordinate space), then adding the specified outsets.
Syntax: <length>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 68 | 11 (scroll-snap-margin-left) | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/scroll-margin-left
Inherited from: CSS.PropertiesHyphenFallback.scroll-margin-left
Defined in: node_modules/csstype/index.d.ts:12700
scroll-margin-right
• Optional
scroll-margin-right: string | (undefined | string)[]
The scroll-margin-right
property defines the right margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container’s coordinate space), then adding the specified outsets.
Syntax: <length>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 68 | 11 (scroll-snap-margin-right) | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/scroll-margin-right
Inherited from: CSS.PropertiesHyphenFallback.scroll-margin-right
Defined in: node_modules/csstype/index.d.ts:12714
scroll-margin-top
• Optional
scroll-margin-top: string | (undefined | string)[]
The scroll-margin-top
property defines the top margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container’s coordinate space), then adding the specified outsets.
Syntax: <length>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 68 | 11 (scroll-snap-margin-top) | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/scroll-margin-top
Inherited from: CSS.PropertiesHyphenFallback.scroll-margin-top
Defined in: node_modules/csstype/index.d.ts:12728
scroll-padding
• Optional
scroll-padding: string | string & {} | (undefined | string | string & {})[]
The scroll-padding
shorthand property sets scroll padding on all sides of an element at once, much like the padding
property does for padding on an element.
Syntax: [ auto | <length-percentage> ]{1,4}
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 68 | 11 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/scroll-padding
Inherited from: CSS.PropertiesHyphenFallback.scroll-padding
Defined in: node_modules/csstype/index.d.ts:12742
scroll-padding-block
• Optional
scroll-padding-block: string | string & {} | (undefined | string | string & {})[]
The scroll-padding-block
shorthand property sets the scroll padding of an element in the block dimension.
Syntax: [ auto | <length-percentage> ]{1,2}
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 68 | No | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/scroll-padding-block
Inherited from: CSS.PropertiesHyphenFallback.scroll-padding-block
Defined in: node_modules/csstype/index.d.ts:12756
scroll-padding-block-end
• Optional
scroll-padding-block-end: string | string & {} | (undefined | string | string & {})[]
The scroll-padding-block-end
property defines offsets for the end edge in the block dimension of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or simply to put more breathing room between a targetted element and the edges of the scrollport.
Syntax: auto | <length-percentage>
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 68 | No | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/scroll-padding-block-end
Inherited from: CSS.PropertiesHyphenFallback.scroll-padding-block-end
Defined in: node_modules/csstype/index.d.ts:12770
scroll-padding-block-start
• Optional
scroll-padding-block-start: string | string & {} | (undefined | string | string & {})[]
The scroll-padding-block-start
property defines offsets for the start edge in the block dimension of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or simply to put more breathing room between a targetted element and the edges of the scrollport.
Syntax: auto | <length-percentage>
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 68 | No | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/scroll-padding-block-start
Inherited from: CSS.PropertiesHyphenFallback.scroll-padding-block-start
Defined in: node_modules/csstype/index.d.ts:12784
scroll-padding-bottom
• Optional
scroll-padding-bottom: string | string & {} | (undefined | string | string & {})[]
The scroll-padding-bottom
property defines offsets for the bottom of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or simply to put more breathing room between a targetted element and the edges of the scrollport.
Syntax: auto | <length-percentage>
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 68 | 11 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/scroll-padding-bottom
Inherited from: CSS.PropertiesHyphenFallback.scroll-padding-bottom
Defined in: node_modules/csstype/index.d.ts:12798
scroll-padding-inline
• Optional
scroll-padding-inline: string | string & {} | (undefined | string | string & {})[]
The scroll-padding-inline
shorthand property sets the scroll padding of an element in the inline dimension.
Syntax: [ auto | <length-percentage> ]{1,2}
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 68 | No | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/scroll-padding-inline
Inherited from: CSS.PropertiesHyphenFallback.scroll-padding-inline
Defined in: node_modules/csstype/index.d.ts:12812
scroll-padding-inline-end
• Optional
scroll-padding-inline-end: string | string & {} | (undefined | string | string & {})[]
The scroll-padding-inline-end
property defines offsets for the end edge in the inline dimension of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or simply to put more breathing room between a targetted element and the edges of the scrollport.
Syntax: auto | <length-percentage>
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 68 | No | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/scroll-padding-inline-end
Inherited from: CSS.PropertiesHyphenFallback.scroll-padding-inline-end
Defined in: node_modules/csstype/index.d.ts:12826
scroll-padding-inline-start
• Optional
scroll-padding-inline-start: string | string & {} | (undefined | string | string & {})[]
The scroll-padding-inline-start
property defines offsets for the start edge in the inline dimension of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or simply to put more breathing room between a targetted element and the edges of the scrollport.
Syntax: auto | <length-percentage>
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 68 | No | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/scroll-padding-inline-start
Inherited from: CSS.PropertiesHyphenFallback.scroll-padding-inline-start
Defined in: node_modules/csstype/index.d.ts:12840
scroll-padding-left
• Optional
scroll-padding-left: string | string & {} | (undefined | string | string & {})[]
The scroll-padding-left
property defines offsets for the left of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or simply to put more breathing room between a targetted element and the edges of the scrollport.
Syntax: auto | <length-percentage>
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 68 | 11 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/scroll-padding-left
Inherited from: CSS.PropertiesHyphenFallback.scroll-padding-left
Defined in: node_modules/csstype/index.d.ts:12854
scroll-padding-right
• Optional
scroll-padding-right: string | string & {} | (undefined | string | string & {})[]
The scroll-padding-right
property defines offsets for the right of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or simply to put more breathing room between a targetted element and the edges of the scrollport.
Syntax: auto | <length-percentage>
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 68 | 11 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/scroll-padding-right
Inherited from: CSS.PropertiesHyphenFallback.scroll-padding-right
Defined in: node_modules/csstype/index.d.ts:12868
scroll-padding-top
• Optional
scroll-padding-top: string | string & {} | (undefined | string | string & {})[]
The scroll-padding-top
property defines offsets for the top of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or simply to put more breathing room between a targetted element and the edges of the scrollport.
Syntax: auto | <length-percentage>
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 68 | 11 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/scroll-padding-top
Inherited from: CSS.PropertiesHyphenFallback.scroll-padding-top
Defined in: node_modules/csstype/index.d.ts:12882
scroll-snap-align
• Optional
scroll-snap-align: -moz-initial | inherit | initial | revert | unset | center | end | start | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | center | end | start | string & {} | none)[]
The scroll-snap-align
property specifies the box’s snap position as an alignment of its snap area (as the alignment subject) within its snap container’s snapport (as the alignment container). The two values specify the snapping alignment in the block axis and inline axis, respectively. If only one value is specified, the second value defaults to the same value.
Syntax: [ none | start | end | center ]{1,2}
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 68 | 11 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/scroll-snap-align
Inherited from: CSS.PropertiesHyphenFallback.scroll-snap-align
Defined in: node_modules/csstype/index.d.ts:12896
scroll-snap-coordinate
• Optional
scroll-snap-coordinate: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesHyphenFallback.scroll-snap-coordinate
Defined in: node_modules/csstype/index.d.ts:16561
scroll-snap-destination
• Optional
scroll-snap-destination: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesHyphenFallback.scroll-snap-destination
Defined in: node_modules/csstype/index.d.ts:16571
scroll-snap-margin
• Optional
scroll-snap-margin: string | string & {} | (undefined | string | string & {})[]
The scroll-margin
shorthand property sets all of the scroll margins of an element at once, assigning values much like the margin
property does for margins of an element.
Syntax: <length>{1,4}
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 68 | 11 (scroll-snap-margin) | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/scroll-margin
Inherited from: CSS.PropertiesHyphenFallback.scroll-snap-margin
Defined in: node_modules/csstype/index.d.ts:12910
scroll-snap-margin-bottom
• Optional
scroll-snap-margin-bottom: string | (undefined | string)[]
The scroll-margin-bottom
property defines the bottom margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container’s coordinate space), then adding the specified outsets.
Syntax: <length>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 68 | 11 (scroll-snap-margin-bottom) | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/scroll-margin-bottom
Inherited from: CSS.PropertiesHyphenFallback.scroll-snap-margin-bottom
Defined in: node_modules/csstype/index.d.ts:12924
scroll-snap-margin-left
• Optional
scroll-snap-margin-left: string | (undefined | string)[]
The scroll-margin-left
property defines the left margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container’s coordinate space), then adding the specified outsets.
Syntax: <length>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 68 | 11 (scroll-snap-margin-left) | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/scroll-margin-left
Inherited from: CSS.PropertiesHyphenFallback.scroll-snap-margin-left
Defined in: node_modules/csstype/index.d.ts:12938
scroll-snap-margin-right
• Optional
scroll-snap-margin-right: string | (undefined | string)[]
The scroll-margin-right
property defines the right margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container’s coordinate space), then adding the specified outsets.
Syntax: <length>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 68 | 11 (scroll-snap-margin-right) | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/scroll-margin-right
Inherited from: CSS.PropertiesHyphenFallback.scroll-snap-margin-right
Defined in: node_modules/csstype/index.d.ts:12952
scroll-snap-margin-top
• Optional
scroll-snap-margin-top: string | (undefined | string)[]
The scroll-margin-top
property defines the top margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container’s coordinate space), then adding the specified outsets.
Syntax: <length>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 68 | 11 (scroll-snap-margin-top) | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/scroll-margin-top
Inherited from: CSS.PropertiesHyphenFallback.scroll-snap-margin-top
Defined in: node_modules/csstype/index.d.ts:12966
scroll-snap-points-x
• Optional
scroll-snap-points-x: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
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
Inherited from: CSS.PropertiesHyphenFallback.scroll-snap-points-x
Defined in: node_modules/csstype/index.d.ts:16581
scroll-snap-points-y
• Optional
scroll-snap-points-y: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
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
Inherited from: CSS.PropertiesHyphenFallback.scroll-snap-points-y
Defined in: node_modules/csstype/index.d.ts:16591
scroll-snap-stop
• Optional
scroll-snap-stop: -moz-initial | inherit | initial | revert | unset | normal | always | (undefined | -moz-initial | inherit | initial | revert | unset | normal | always)[]
The scroll-snap-stop
CSS property defines whether the scroll container is allowed to "pass over" possible snap positions.
Syntax: normal | always
Initial value: normal
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
75 | No | No | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/scroll-snap-stop
Inherited from: CSS.PropertiesHyphenFallback.scroll-snap-stop
Defined in: node_modules/csstype/index.d.ts:12980
scroll-snap-type
• Optional
scroll-snap-type: -moz-initial | inherit | initial | revert | unset | string & {} | both | none | block | inline | x | y | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | both | none | block | inline | x | y)[]
The scroll-snap-type
CSS property sets how strictly snap points are enforced on the scroll container in case there is one.
Syntax: none | [ x | y | block | inline | both ] [ mandatory | proximity ]?
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 39-68 | 11 | 12 -x- | 10 -x- |
9 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/scroll-snap-type
Inherited from: CSS.PropertiesHyphenFallback.scroll-snap-type
Defined in: node_modules/csstype/index.d.ts:12994
scroll-snap-type-x
• Optional
scroll-snap-type-x: -moz-initial | inherit | initial | revert | unset | none | mandatory | proximity | (undefined | -moz-initial | inherit | initial | revert | unset | none | mandatory | proximity)[]
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
Inherited from: CSS.PropertiesHyphenFallback.scroll-snap-type-x
Defined in: node_modules/csstype/index.d.ts:16601
scroll-snap-type-y
• Optional
scroll-snap-type-y: -moz-initial | inherit | initial | revert | unset | none | mandatory | proximity | (undefined | -moz-initial | inherit | initial | revert | unset | none | mandatory | proximity)[]
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
Inherited from: CSS.PropertiesHyphenFallback.scroll-snap-type-y
Defined in: node_modules/csstype/index.d.ts:16611
scrollBehavior
• Optional
scrollBehavior: -moz-initial | inherit | initial | revert | unset | auto | smooth | (undefined | -moz-initial | inherit | initial | revert | unset | auto | smooth)[]
The scroll-behavior
CSS property sets the behavior for a scrolling box when scrolling is triggered by the navigation or CSSOM scrolling APIs.
Syntax: auto | smooth
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
61 | 36 | n/a | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/scroll-behavior
Inherited from: CSS.PropertiesFallback.scrollBehavior
Defined in: node_modules/csstype/index.d.ts:3873
scrollMargin
• Optional
scrollMargin: string | string & {} | (undefined | string | string & {})[]
The scroll-margin
shorthand property sets all of the scroll margins of an element at once, assigning values much like the margin
property does for margins of an element.
Syntax: <length>{1,4}
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 68 | 11 (scroll-snap-margin) | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/scroll-margin
Inherited from: CSS.PropertiesFallback.scrollMargin
Defined in: node_modules/csstype/index.d.ts:3887
scrollMarginBlock
• Optional
scrollMarginBlock: string | string & {} | (undefined | string | string & {})[]
The scroll-margin-block
shorthand property sets the scroll margins of an element in the block dimension.
Syntax: <length>{1,2}
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 68 | No | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/scroll-margin-block
Inherited from: CSS.PropertiesFallback.scrollMarginBlock
Defined in: node_modules/csstype/index.d.ts:3901
scrollMarginBlockEnd
• Optional
scrollMarginBlockEnd: string | (undefined | string)[]
The scroll-margin-block-end
property defines the margin of the scroll snap area at the end of the block dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container’s coordinate space), then adding the specified outsets.
Syntax: <length>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 68 | No | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/scroll-margin-block-end
Inherited from: CSS.PropertiesFallback.scrollMarginBlockEnd
Defined in: node_modules/csstype/index.d.ts:3915
scrollMarginBlockStart
• Optional
scrollMarginBlockStart: string | (undefined | string)[]
The scroll-margin-block-start
property defines the margin of the scroll snap area at the start of the block dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container’s coordinate space), then adding the specified outsets.
Syntax: <length>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 68 | No | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/scroll-margin-block-start
Inherited from: CSS.PropertiesFallback.scrollMarginBlockStart
Defined in: node_modules/csstype/index.d.ts:3929
scrollMarginBottom
• Optional
scrollMarginBottom: string | (undefined | string)[]
The scroll-margin-bottom
property defines the bottom margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container’s coordinate space), then adding the specified outsets.
Syntax: <length>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 68 | 11 (scroll-snap-margin-bottom) | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/scroll-margin-bottom
Inherited from: CSS.PropertiesFallback.scrollMarginBottom
Defined in: node_modules/csstype/index.d.ts:3943
scrollMarginInline
• Optional
scrollMarginInline: string | string & {} | (undefined | string | string & {})[]
The scroll-margin-inline
shorthand property sets the scroll margins of an element in the inline dimension.
Syntax: <length>{1,2}
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
No | 68 | No | No | No |
see
https://developer.mozilla.org/docs/Web/CSS/scroll-margin-inline
Inherited from: CSS.PropertiesFallback.scrollMarginInline
Defined in: node_modules/csstype/index.d.ts:3957
scrollMarginInlineEnd
• Optional
scrollMarginInlineEnd: string | (undefined | string)[]
The scroll-margin-inline-end
property defines the margin of the scroll snap area at the end of the inline dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container’s coordinate space), then adding the specified outsets.
Syntax: <length>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 68 | No | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/scroll-margin-inline-end
Inherited from: CSS.PropertiesFallback.scrollMarginInlineEnd
Defined in: node_modules/csstype/index.d.ts:3971
scrollMarginInlineStart
• Optional
scrollMarginInlineStart: string | (undefined | string)[]
The scroll-margin-inline-start
property defines the margin of the scroll snap area at the start of the inline dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container’s coordinate space), then adding the specified outsets.
Syntax: <length>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 68 | No | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/scroll-margin-inline-start
Inherited from: CSS.PropertiesFallback.scrollMarginInlineStart
Defined in: node_modules/csstype/index.d.ts:3985
scrollMarginLeft
• Optional
scrollMarginLeft: string | (undefined | string)[]
The scroll-margin-left
property defines the left margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container’s coordinate space), then adding the specified outsets.
Syntax: <length>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 68 | 11 (scroll-snap-margin-left) | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/scroll-margin-left
Inherited from: CSS.PropertiesFallback.scrollMarginLeft
Defined in: node_modules/csstype/index.d.ts:3999
scrollMarginRight
• Optional
scrollMarginRight: string | (undefined | string)[]
The scroll-margin-right
property defines the right margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container’s coordinate space), then adding the specified outsets.
Syntax: <length>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 68 | 11 (scroll-snap-margin-right) | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/scroll-margin-right
Inherited from: CSS.PropertiesFallback.scrollMarginRight
Defined in: node_modules/csstype/index.d.ts:4013
scrollMarginTop
• Optional
scrollMarginTop: string | (undefined | string)[]
The scroll-margin-top
property defines the top margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container’s coordinate space), then adding the specified outsets.
Syntax: <length>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 68 | 11 (scroll-snap-margin-top) | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/scroll-margin-top
Inherited from: CSS.PropertiesFallback.scrollMarginTop
Defined in: node_modules/csstype/index.d.ts:4027
scrollPadding
• Optional
scrollPadding: string | string & {} | (undefined | string | string & {})[]
The scroll-padding
shorthand property sets scroll padding on all sides of an element at once, much like the padding
property does for padding on an element.
Syntax: [ auto | <length-percentage> ]{1,4}
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 68 | 11 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/scroll-padding
Inherited from: CSS.PropertiesFallback.scrollPadding
Defined in: node_modules/csstype/index.d.ts:4041
scrollPaddingBlock
• Optional
scrollPaddingBlock: string | string & {} | (undefined | string | string & {})[]
The scroll-padding-block
shorthand property sets the scroll padding of an element in the block dimension.
Syntax: [ auto | <length-percentage> ]{1,2}
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 68 | No | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/scroll-padding-block
Inherited from: CSS.PropertiesFallback.scrollPaddingBlock
Defined in: node_modules/csstype/index.d.ts:4055
scrollPaddingBlockEnd
• Optional
scrollPaddingBlockEnd: string | string & {} | (undefined | string | string & {})[]
The scroll-padding-block-end
property defines offsets for the end edge in the block dimension of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or simply to put more breathing room between a targetted element and the edges of the scrollport.
Syntax: auto | <length-percentage>
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 68 | No | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/scroll-padding-block-end
Inherited from: CSS.PropertiesFallback.scrollPaddingBlockEnd
Defined in: node_modules/csstype/index.d.ts:4069
scrollPaddingBlockStart
• Optional
scrollPaddingBlockStart: string | string & {} | (undefined | string | string & {})[]
The scroll-padding-block-start
property defines offsets for the start edge in the block dimension of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or simply to put more breathing room between a targetted element and the edges of the scrollport.
Syntax: auto | <length-percentage>
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 68 | No | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/scroll-padding-block-start
Inherited from: CSS.PropertiesFallback.scrollPaddingBlockStart
Defined in: node_modules/csstype/index.d.ts:4083
scrollPaddingBottom
• Optional
scrollPaddingBottom: string | string & {} | (undefined | string | string & {})[]
The scroll-padding-bottom
property defines offsets for the bottom of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or simply to put more breathing room between a targetted element and the edges of the scrollport.
Syntax: auto | <length-percentage>
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 68 | 11 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/scroll-padding-bottom
Inherited from: CSS.PropertiesFallback.scrollPaddingBottom
Defined in: node_modules/csstype/index.d.ts:4097
scrollPaddingInline
• Optional
scrollPaddingInline: string | string & {} | (undefined | string | string & {})[]
The scroll-padding-inline
shorthand property sets the scroll padding of an element in the inline dimension.
Syntax: [ auto | <length-percentage> ]{1,2}
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 68 | No | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/scroll-padding-inline
Inherited from: CSS.PropertiesFallback.scrollPaddingInline
Defined in: node_modules/csstype/index.d.ts:4111
scrollPaddingInlineEnd
• Optional
scrollPaddingInlineEnd: string | string & {} | (undefined | string | string & {})[]
The scroll-padding-inline-end
property defines offsets for the end edge in the inline dimension of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or simply to put more breathing room between a targetted element and the edges of the scrollport.
Syntax: auto | <length-percentage>
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 68 | No | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/scroll-padding-inline-end
Inherited from: CSS.PropertiesFallback.scrollPaddingInlineEnd
Defined in: node_modules/csstype/index.d.ts:4125
scrollPaddingInlineStart
• Optional
scrollPaddingInlineStart: string | string & {} | (undefined | string | string & {})[]
The scroll-padding-inline-start
property defines offsets for the start edge in the inline dimension of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or simply to put more breathing room between a targetted element and the edges of the scrollport.
Syntax: auto | <length-percentage>
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 68 | No | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/scroll-padding-inline-start
Inherited from: CSS.PropertiesFallback.scrollPaddingInlineStart
Defined in: node_modules/csstype/index.d.ts:4139
scrollPaddingLeft
• Optional
scrollPaddingLeft: string | string & {} | (undefined | string | string & {})[]
The scroll-padding-left
property defines offsets for the left of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or simply to put more breathing room between a targetted element and the edges of the scrollport.
Syntax: auto | <length-percentage>
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 68 | 11 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/scroll-padding-left
Inherited from: CSS.PropertiesFallback.scrollPaddingLeft
Defined in: node_modules/csstype/index.d.ts:4153
scrollPaddingRight
• Optional
scrollPaddingRight: string | string & {} | (undefined | string | string & {})[]
The scroll-padding-right
property defines offsets for the right of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or simply to put more breathing room between a targetted element and the edges of the scrollport.
Syntax: auto | <length-percentage>
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 68 | 11 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/scroll-padding-right
Inherited from: CSS.PropertiesFallback.scrollPaddingRight
Defined in: node_modules/csstype/index.d.ts:4167
scrollPaddingTop
• Optional
scrollPaddingTop: string | string & {} | (undefined | string | string & {})[]
The scroll-padding-top
property defines offsets for the top of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or simply to put more breathing room between a targetted element and the edges of the scrollport.
Syntax: auto | <length-percentage>
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 68 | 11 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/scroll-padding-top
Inherited from: CSS.PropertiesFallback.scrollPaddingTop
Defined in: node_modules/csstype/index.d.ts:4181
scrollSnapAlign
• Optional
scrollSnapAlign: -moz-initial | inherit | initial | revert | unset | center | end | start | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | center | end | start | string & {} | none)[]
The scroll-snap-align
property specifies the box’s snap position as an alignment of its snap area (as the alignment subject) within its snap container’s snapport (as the alignment container). The two values specify the snapping alignment in the block axis and inline axis, respectively. If only one value is specified, the second value defaults to the same value.
Syntax: [ none | start | end | center ]{1,2}
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 68 | 11 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/scroll-snap-align
Inherited from: CSS.PropertiesFallback.scrollSnapAlign
Defined in: node_modules/csstype/index.d.ts:4195
scrollSnapCoordinate
• Optional
scrollSnapCoordinate: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesFallback.scrollSnapCoordinate
Defined in: node_modules/csstype/index.d.ts:7854
scrollSnapDestination
• Optional
scrollSnapDestination: string | string & {} | (undefined | string | string & {})[]
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
Inherited from: CSS.PropertiesFallback.scrollSnapDestination
Defined in: node_modules/csstype/index.d.ts:7864
scrollSnapMargin
• Optional
scrollSnapMargin: string | string & {} | (undefined | string | string & {})[]
The scroll-margin
shorthand property sets all of the scroll margins of an element at once, assigning values much like the margin
property does for margins of an element.
Syntax: <length>{1,4}
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 68 | 11 (scroll-snap-margin) | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/scroll-margin
Inherited from: CSS.PropertiesFallback.scrollSnapMargin
Defined in: node_modules/csstype/index.d.ts:4209
scrollSnapMarginBottom
• Optional
scrollSnapMarginBottom: string | (undefined | string)[]
The scroll-margin-bottom
property defines the bottom margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container’s coordinate space), then adding the specified outsets.
Syntax: <length>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 68 | 11 (scroll-snap-margin-bottom) | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/scroll-margin-bottom
Inherited from: CSS.PropertiesFallback.scrollSnapMarginBottom
Defined in: node_modules/csstype/index.d.ts:4223
scrollSnapMarginLeft
• Optional
scrollSnapMarginLeft: string | (undefined | string)[]
The scroll-margin-left
property defines the left margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container’s coordinate space), then adding the specified outsets.
Syntax: <length>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 68 | 11 (scroll-snap-margin-left) | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/scroll-margin-left
Inherited from: CSS.PropertiesFallback.scrollSnapMarginLeft
Defined in: node_modules/csstype/index.d.ts:4237
scrollSnapMarginRight
• Optional
scrollSnapMarginRight: string | (undefined | string)[]
The scroll-margin-right
property defines the right margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container’s coordinate space), then adding the specified outsets.
Syntax: <length>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 68 | 11 (scroll-snap-margin-right) | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/scroll-margin-right
Inherited from: CSS.PropertiesFallback.scrollSnapMarginRight
Defined in: node_modules/csstype/index.d.ts:4251
scrollSnapMarginTop
• Optional
scrollSnapMarginTop: string | (undefined | string)[]
The scroll-margin-top
property defines the top margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container’s coordinate space), then adding the specified outsets.
Syntax: <length>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 68 | 11 (scroll-snap-margin-top) | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/scroll-margin-top
Inherited from: CSS.PropertiesFallback.scrollSnapMarginTop
Defined in: node_modules/csstype/index.d.ts:4265
scrollSnapPointsX
• Optional
scrollSnapPointsX: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
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
Inherited from: CSS.PropertiesFallback.scrollSnapPointsX
Defined in: node_modules/csstype/index.d.ts:7874
scrollSnapPointsY
• Optional
scrollSnapPointsY: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
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
Inherited from: CSS.PropertiesFallback.scrollSnapPointsY
Defined in: node_modules/csstype/index.d.ts:7884
scrollSnapStop
• Optional
scrollSnapStop: -moz-initial | inherit | initial | revert | unset | normal | always | (undefined | -moz-initial | inherit | initial | revert | unset | normal | always)[]
The scroll-snap-stop
CSS property defines whether the scroll container is allowed to "pass over" possible snap positions.
Syntax: normal | always
Initial value: normal
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
75 | No | No | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/scroll-snap-stop
Inherited from: CSS.PropertiesFallback.scrollSnapStop
Defined in: node_modules/csstype/index.d.ts:4279
scrollSnapType
• Optional
scrollSnapType: -moz-initial | inherit | initial | revert | unset | string & {} | both | none | block | inline | x | y | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | both | none | block | inline | x | y)[]
The scroll-snap-type
CSS property sets how strictly snap points are enforced on the scroll container in case there is one.
Syntax: none | [ x | y | block | inline | both ] [ mandatory | proximity ]?
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
69 | 39-68 | 11 | 12 -x- | 10 -x- |
9 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/scroll-snap-type
Inherited from: CSS.PropertiesFallback.scrollSnapType
Defined in: node_modules/csstype/index.d.ts:4294
scrollSnapTypeX
• Optional
scrollSnapTypeX: -moz-initial | inherit | initial | revert | unset | none | mandatory | proximity | (undefined | -moz-initial | inherit | initial | revert | unset | none | mandatory | proximity)[]
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
Inherited from: CSS.PropertiesFallback.scrollSnapTypeX
Defined in: node_modules/csstype/index.d.ts:7894
scrollSnapTypeY
• Optional
scrollSnapTypeY: -moz-initial | inherit | initial | revert | unset | none | mandatory | proximity | (undefined | -moz-initial | inherit | initial | revert | unset | none | mandatory | proximity)[]
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
Inherited from: CSS.PropertiesFallback.scrollSnapTypeY
Defined in: node_modules/csstype/index.d.ts:7904
scrollbar-color
• Optional
scrollbar-color: -moz-initial | inherit | initial | revert | unset | string & {} | auto | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | dark | light | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | auto | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | dark | light)[]
The scrollbar-color
CSS property sets the color of the scrollbar track and thumb.
Syntax: auto | dark | light | <color>{2}
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
No | 64 | No | No | No |
see
https://developer.mozilla.org/docs/Web/CSS/scrollbar-color
Inherited from: CSS.PropertiesHyphenFallback.scrollbar-color
Defined in: node_modules/csstype/index.d.ts:13009
scrollbar-gutter
• Optional
scrollbar-gutter: -moz-initial | inherit | initial | revert | unset | string & {} | auto | always | stable | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | auto | always | stable)[]
The scrollbar-gutter
CSS property allows authors to reserve space for the scrollbar, preventing unwanted layout changes as the content grows while also avoiding unnecessary visuals when scrolling isn't needed.
Syntax: auto | [ stable | always ] && both? && force?
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
n/a | No | No | No | No |
see
https://developer.mozilla.org/docs/Web/CSS/scrollbar-gutter
Inherited from: CSS.PropertiesHyphenFallback.scrollbar-gutter
Defined in: node_modules/csstype/index.d.ts:13023
scrollbar-track-color
• Optional
scrollbar-track-color: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
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
Inherited from: CSS.PropertiesHyphenFallback.scrollbar-track-color
Defined in: node_modules/csstype/index.d.ts:16621
scrollbar-width
• Optional
scrollbar-width: -moz-initial | inherit | initial | revert | unset | auto | none | thin | (undefined | -moz-initial | inherit | initial | revert | unset | auto | none | thin)[]
The scrollbar-width
property allows the author to set the maximum thickness of an element’s scrollbars when they are shown.
Syntax: auto | thin | none
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
No | 64 | No | No | No |
see
https://developer.mozilla.org/docs/Web/CSS/scrollbar-width
Inherited from: CSS.PropertiesHyphenFallback.scrollbar-width
Defined in: node_modules/csstype/index.d.ts:13037
scrollbarColor
• Optional
scrollbarColor: -moz-initial | inherit | initial | revert | unset | string & {} | auto | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | dark | light | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | auto | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | dark | light)[]
The scrollbar-color
CSS property sets the color of the scrollbar track and thumb.
Syntax: auto | dark | light | <color>{2}
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
No | 64 | No | No | No |
see
https://developer.mozilla.org/docs/Web/CSS/scrollbar-color
Inherited from: CSS.PropertiesFallback.scrollbarColor
Defined in: node_modules/csstype/index.d.ts:4308
scrollbarGutter
• Optional
scrollbarGutter: -moz-initial | inherit | initial | revert | unset | string & {} | auto | always | stable | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | auto | always | stable)[]
The scrollbar-gutter
CSS property allows authors to reserve space for the scrollbar, preventing unwanted layout changes as the content grows while also avoiding unnecessary visuals when scrolling isn't needed.
Syntax: auto | [ stable | always ] && both? && force?
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
n/a | No | No | No | No |
see
https://developer.mozilla.org/docs/Web/CSS/scrollbar-gutter
Inherited from: CSS.PropertiesFallback.scrollbarGutter
Defined in: node_modules/csstype/index.d.ts:4322
scrollbarTrackColor
• Optional
scrollbarTrackColor: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
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
Inherited from: CSS.PropertiesFallback.scrollbarTrackColor
Defined in: node_modules/csstype/index.d.ts:7914
scrollbarWidth
• Optional
scrollbarWidth: -moz-initial | inherit | initial | revert | unset | auto | none | thin | (undefined | -moz-initial | inherit | initial | revert | unset | auto | none | thin)[]
The scrollbar-width
property allows the author to set the maximum thickness of an element’s scrollbars when they are shown.
Syntax: auto | thin | none
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
No | 64 | No | No | No |
see
https://developer.mozilla.org/docs/Web/CSS/scrollbar-width
Inherited from: CSS.PropertiesFallback.scrollbarWidth
Defined in: node_modules/csstype/index.d.ts:4336
shape-image-threshold
• Optional
shape-image-threshold: -moz-initial | inherit | initial | revert | unset | string & {} | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | number & {})[]
The shape-image-threshold
CSS property sets the alpha channel threshold used to extract the shape using an image as the value for shape-outside
.
Syntax: <alpha-value>
Initial value: 0.0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
37 | 62 | 10.1 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/shape-image-threshold
Inherited from: CSS.PropertiesHyphenFallback.shape-image-threshold
Defined in: node_modules/csstype/index.d.ts:13051
shape-margin
• Optional
shape-margin: string | string & {} | (undefined | string | string & {})[]
The shape-margin
CSS property sets a margin for a CSS shape created using shape-outside
.
Syntax: <length-percentage>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
37 | 62 | 10.1 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/shape-margin
Inherited from: CSS.PropertiesHyphenFallback.shape-margin
Defined in: node_modules/csstype/index.d.ts:13065
shape-outside
• Optional
shape-outside: -moz-initial | inherit | initial | revert | unset | string & {} | none | border-box | content-box | padding-box | margin-box | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none | border-box | content-box | padding-box | margin-box)[]
The shape-outside
CSS property defines a shape—which may be non-rectangular—around which adjacent inline content should wrap. By default, inline content wraps around its margin box; shape-outside
provides a way to customize this wrapping, making it possible to wrap text around complex objects rather than simple boxes.
Syntax: none | <shape-box> || <basic-shape> | <image>
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
37 | 62 | 10.1 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/shape-outside
Inherited from: CSS.PropertiesHyphenFallback.shape-outside
Defined in: node_modules/csstype/index.d.ts:13079
shape-rendering
• Optional
shape-rendering: -moz-initial | inherit | initial | revert | unset | auto | geometricPrecision | optimizeSpeed | crispEdges | (undefined | -moz-initial | inherit | initial | revert | unset | auto | geometricPrecision | optimizeSpeed | crispEdges)[]
Inherited from: CSS.PropertiesHyphenFallback.shape-rendering
Defined in: node_modules/csstype/index.d.ts:17412
shapeImageThreshold
• Optional
shapeImageThreshold: -moz-initial | inherit | initial | revert | unset | string & {} | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | number & {})[]
The shape-image-threshold
CSS property sets the alpha channel threshold used to extract the shape using an image as the value for shape-outside
.
Syntax: <alpha-value>
Initial value: 0.0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
37 | 62 | 10.1 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/shape-image-threshold
Inherited from: CSS.PropertiesFallback.shapeImageThreshold
Defined in: node_modules/csstype/index.d.ts:4350
shapeMargin
• Optional
shapeMargin: string | string & {} | (undefined | string | string & {})[]
The shape-margin
CSS property sets a margin for a CSS shape created using shape-outside
.
Syntax: <length-percentage>
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
37 | 62 | 10.1 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/shape-margin
Inherited from: CSS.PropertiesFallback.shapeMargin
Defined in: node_modules/csstype/index.d.ts:4364
shapeOutside
• Optional
shapeOutside: -moz-initial | inherit | initial | revert | unset | string & {} | none | border-box | content-box | padding-box | margin-box | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none | border-box | content-box | padding-box | margin-box)[]
The shape-outside
CSS property defines a shape—which may be non-rectangular—around which adjacent inline content should wrap. By default, inline content wraps around its margin box; shape-outside
provides a way to customize this wrapping, making it possible to wrap text around complex objects rather than simple boxes.
Syntax: none | <shape-box> || <basic-shape> | <image>
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
37 | 62 | 10.1 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/shape-outside
Inherited from: CSS.PropertiesFallback.shapeOutside
Defined in: node_modules/csstype/index.d.ts:4378
shapeRendering
• Optional
shapeRendering: -moz-initial | inherit | initial | revert | unset | auto | geometricPrecision | optimizeSpeed | crispEdges | (undefined | -moz-initial | inherit | initial | revert | unset | auto | geometricPrecision | optimizeSpeed | crispEdges)[]
Inherited from: CSS.PropertiesFallback.shapeRendering
Defined in: node_modules/csstype/index.d.ts:8696
stop-color
• Optional
stop-color: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | currentColor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | currentColor)[]
Inherited from: CSS.PropertiesHyphenFallback.stop-color
Defined in: node_modules/csstype/index.d.ts:17413
stop-opacity
• Optional
stop-opacity: -moz-initial | inherit | initial | revert | unset | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | number & {})[]
Inherited from: CSS.PropertiesHyphenFallback.stop-opacity
Defined in: node_modules/csstype/index.d.ts:17414
stopColor
• Optional
stopColor: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | currentColor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | currentColor)[]
Inherited from: CSS.PropertiesFallback.stopColor
Defined in: node_modules/csstype/index.d.ts:8697
stopOpacity
• Optional
stopOpacity: -moz-initial | inherit | initial | revert | unset | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | number & {})[]
Inherited from: CSS.PropertiesFallback.stopOpacity
Defined in: node_modules/csstype/index.d.ts:8698
stroke
• Optional
stroke: -moz-initial | inherit | initial | revert | unset | string & {} | none | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | child | context-fill | context-stroke | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | child | context-fill | context-stroke)[]
Inherited from: CSS.PropertiesFallback.stroke
Defined in: node_modules/csstype/index.d.ts:8699
stroke-dasharray
• Optional
stroke-dasharray: string | string & {} | number & {} | (undefined | string | string & {} | number & {})[]
Inherited from: CSS.PropertiesHyphenFallback.stroke-dasharray
Defined in: node_modules/csstype/index.d.ts:17416
stroke-dashoffset
• Optional
stroke-dashoffset: string | string & {} | (undefined | string | string & {})[]
Inherited from: CSS.PropertiesHyphenFallback.stroke-dashoffset
Defined in: node_modules/csstype/index.d.ts:17417
stroke-linecap
• Optional
stroke-linecap: -moz-initial | inherit | initial | revert | unset | round | butt | square | (undefined | -moz-initial | inherit | initial | revert | unset | round | butt | square)[]
Inherited from: CSS.PropertiesHyphenFallback.stroke-linecap
Defined in: node_modules/csstype/index.d.ts:17418
stroke-linejoin
• Optional
stroke-linejoin: -moz-initial | inherit | initial | revert | unset | round | bevel | miter | (undefined | -moz-initial | inherit | initial | revert | unset | round | bevel | miter)[]
Inherited from: CSS.PropertiesHyphenFallback.stroke-linejoin
Defined in: node_modules/csstype/index.d.ts:17419
stroke-miterlimit
• Optional
stroke-miterlimit: -moz-initial | inherit | initial | revert | unset | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | number & {})[]
Inherited from: CSS.PropertiesHyphenFallback.stroke-miterlimit
Defined in: node_modules/csstype/index.d.ts:17420
stroke-opacity
• Optional
stroke-opacity: -moz-initial | inherit | initial | revert | unset | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | number & {})[]
Inherited from: CSS.PropertiesHyphenFallback.stroke-opacity
Defined in: node_modules/csstype/index.d.ts:17421
stroke-width
• Optional
stroke-width: string | string & {} | (undefined | string | string & {})[]
Inherited from: CSS.PropertiesHyphenFallback.stroke-width
Defined in: node_modules/csstype/index.d.ts:17422
strokeDasharray
• Optional
strokeDasharray: string | string & {} | number & {} | (undefined | string | string & {} | number & {})[]
Inherited from: CSS.PropertiesFallback.strokeDasharray
Defined in: node_modules/csstype/index.d.ts:8700
strokeDashoffset
• Optional
strokeDashoffset: string | string & {} | (undefined | string | string & {})[]
Inherited from: CSS.PropertiesFallback.strokeDashoffset
Defined in: node_modules/csstype/index.d.ts:8701
strokeLinecap
• Optional
strokeLinecap: -moz-initial | inherit | initial | revert | unset | round | butt | square | (undefined | -moz-initial | inherit | initial | revert | unset | round | butt | square)[]
Inherited from: CSS.PropertiesFallback.strokeLinecap
Defined in: node_modules/csstype/index.d.ts:8702
strokeLinejoin
• Optional
strokeLinejoin: -moz-initial | inherit | initial | revert | unset | round | bevel | miter | (undefined | -moz-initial | inherit | initial | revert | unset | round | bevel | miter)[]
Inherited from: CSS.PropertiesFallback.strokeLinejoin
Defined in: node_modules/csstype/index.d.ts:8703
strokeMiterlimit
• Optional
strokeMiterlimit: -moz-initial | inherit | initial | revert | unset | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | number & {})[]
Inherited from: CSS.PropertiesFallback.strokeMiterlimit
Defined in: node_modules/csstype/index.d.ts:8704
strokeOpacity
• Optional
strokeOpacity: -moz-initial | inherit | initial | revert | unset | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | number & {})[]
Inherited from: CSS.PropertiesFallback.strokeOpacity
Defined in: node_modules/csstype/index.d.ts:8705
strokeWidth
• Optional
strokeWidth: string | string & {} | (undefined | string | string & {})[]
Inherited from: CSS.PropertiesFallback.strokeWidth
Defined in: node_modules/csstype/index.d.ts:8706
tab-size
• Optional
tab-size: string | number & {} | (undefined | string | number & {})[]
The tab-size
CSS property is used to customize the width of tab characters (U+0009).
Syntax: <integer> | <length>
Initial value: 8
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
21 | 4 -x- | 6.1 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/tab-size
Inherited from: CSS.PropertiesHyphenFallback.tab-size
Defined in: node_modules/csstype/index.d.ts:13093
tabSize
• Optional
tabSize: string | number & {} | (undefined | string | number & {})[]
The tab-size
CSS property is used to customize the width of tab characters (U+0009).
Syntax: <integer> | <length>
Initial value: 8
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
21 | 4 -x- | 6.1 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/tab-size
Inherited from: CSS.PropertiesFallback.tabSize
Defined in: node_modules/csstype/index.d.ts:4392
table-layout
• Optional
table-layout: -moz-initial | inherit | initial | revert | unset | auto | fixed | (undefined | -moz-initial | inherit | initial | revert | unset | auto | fixed)[]
The table-layout
CSS property sets the algorithm used to lay out <table>
cells, rows, and columns.
Syntax: auto | fixed
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
14 | 1 | 1 | 12 | 5 |
see
https://developer.mozilla.org/docs/Web/CSS/table-layout
Inherited from: CSS.PropertiesHyphenFallback.table-layout
Defined in: node_modules/csstype/index.d.ts:13107
tableLayout
• Optional
tableLayout: -moz-initial | inherit | initial | revert | unset | auto | fixed | (undefined | -moz-initial | inherit | initial | revert | unset | auto | fixed)[]
The table-layout
CSS property sets the algorithm used to lay out <table>
cells, rows, and columns.
Syntax: auto | fixed
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
14 | 1 | 1 | 12 | 5 |
see
https://developer.mozilla.org/docs/Web/CSS/table-layout
Inherited from: CSS.PropertiesFallback.tableLayout
Defined in: node_modules/csstype/index.d.ts:4406
text-align
• Optional
text-align: left | right | -moz-initial | inherit | initial | revert | unset | center | end | start | justify | match-parent | (undefined | left | right | -moz-initial | inherit | initial | revert | unset | center | end | start | justify | match-parent)[]
The text-align
CSS property sets the horizontal alignment of a block element or table-cell box. This means it works like vertical-align
but in the horizontal direction.
Syntax: start | end | left | right | center | justify | match-parent
Initial value: start
, or a nameless value that acts as left
if direction is ltr
, right
if direction is rtl
if start
is not supported by the browser.
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 3 |
see
https://developer.mozilla.org/docs/Web/CSS/text-align
Inherited from: CSS.PropertiesHyphenFallback.text-align
Defined in: node_modules/csstype/index.d.ts:13121
text-align-last
• Optional
text-align-last: left | right | -moz-initial | inherit | initial | revert | unset | center | end | start | auto | justify | (undefined | left | right | -moz-initial | inherit | initial | revert | unset | center | end | start | auto | justify)[]
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
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
47 | 49 | No | 12 | 5.5 |
see
https://developer.mozilla.org/docs/Web/CSS/text-align-last
Inherited from: CSS.PropertiesHyphenFallback.text-align-last
Defined in: node_modules/csstype/index.d.ts:13135
text-anchor
• Optional
text-anchor: -moz-initial | inherit | initial | revert | unset | end | start | middle | (undefined | -moz-initial | inherit | initial | revert | unset | end | start | middle)[]
Inherited from: CSS.PropertiesHyphenFallback.text-anchor
Defined in: node_modules/csstype/index.d.ts:17423
text-combine-horizontal
• Optional
text-combine-horizontal: all | -ms-text-combine-horizontal | -moz-initial | inherit | initial | revert | unset | string & {} | none | digits | (undefined | all | -ms-text-combine-horizontal | -moz-initial | inherit | initial | revert | unset | string & {} | none | digits)[]
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.
Syntax: none | all | [ digits <integer>? ]
Initial value: none
deprecated
Inherited from: CSS.PropertiesHyphenFallback.text-combine-horizontal
Defined in: node_modules/csstype/index.d.ts:16631
text-combine-upright
• Optional
text-combine-upright: all | -ms-text-combine-horizontal | -moz-initial | inherit | initial | revert | unset | string & {} | none | digits | (undefined | all | -ms-text-combine-horizontal | -moz-initial | inherit | initial | revert | unset | string & {} | none | digits)[]
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.
Syntax: none | all | [ digits <integer>? ]
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
48 | 48 | 5.1 (-webkit-text-combine) | 15-79 | 11 (-ms-text-combine-horizontal) |
9 (-webkit-text-combine) | 12 (-ms-text-combine-horizontal) |
see
https://developer.mozilla.org/docs/Web/CSS/text-combine-upright
Inherited from: CSS.PropertiesHyphenFallback.text-combine-upright
Defined in: node_modules/csstype/index.d.ts:13149
text-decoration
• Optional
text-decoration: string | string & {} | (undefined | string | string & {})[]
The text-decoration
shorthand CSS property sets the appearance of decorative lines on text. It is a shorthand for text-decoration-line
, text-decoration-color
, text-decoration-style
, and the newer text-decoration-thickness
property.
Syntax: <'text-decoration-line'> || <'text-decoration-style'> || <'text-decoration-color'> || <'text-decoration-thickness'>
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 3 |
see
https://developer.mozilla.org/docs/Web/CSS/text-decoration
Inherited from: CSS.PropertiesHyphenFallback.text-decoration
Defined in: node_modules/csstype/index.d.ts:14363
text-decoration-color
• Optional
text-decoration-color: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
The text-decoration-color
CSS property sets the color of decorations added to text by text-decoration-line
.
Syntax: <color>
Initial value: currentcolor
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
57 | 36 | 12.1 | 79 | No |
8 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/text-decoration-color
Inherited from: CSS.PropertiesHyphenFallback.text-decoration-color
Defined in: node_modules/csstype/index.d.ts:13164
text-decoration-line
• Optional
text-decoration-line: -moz-initial | inherit | initial | revert | unset | string & {} | none | blink | grammar-error | line-through | overline | spelling-error | underline | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none | blink | grammar-error | line-through | overline | spelling-error | underline)[]
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
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
57 | 36 | 12.1 | 79 | No |
8 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/text-decoration-line
Inherited from: CSS.PropertiesHyphenFallback.text-decoration-line
Defined in: node_modules/csstype/index.d.ts:13179
text-decoration-skip
• Optional
text-decoration-skip: -moz-initial | inherit | initial | revert | unset | string & {} | none | box-decoration | edges | leading-spaces | objects | spaces | trailing-spaces | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none | box-decoration | edges | leading-spaces | objects | spaces | trailing-spaces)[]
The text-decoration-skip
CSS property sets what parts of an element’s content any text decoration affecting the element must skip over. It controls all text decoration lines drawn by the element and also any text decoration lines drawn by its ancestors.
Syntax: none | [ objects || [ spaces | [ leading-spaces || trailing-spaces ] ] || edges || box-decoration ]
Initial value: objects
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
57-64 | No | 12.1 | No | No |
8 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/text-decoration-skip
Inherited from: CSS.PropertiesHyphenFallback.text-decoration-skip
Defined in: node_modules/csstype/index.d.ts:13194
text-decoration-skip-ink
• Optional
text-decoration-skip-ink: all | -moz-initial | inherit | initial | revert | unset | auto | none | (undefined | all | -moz-initial | inherit | initial | revert | unset | auto | none)[]
The text-decoration-skip-ink
CSS property specifies how overlines and underlines are drawn when they pass over glyph ascenders and descenders.
Syntax: auto | all | none
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
64 | 70 | No | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/text-decoration-skip-ink
Inherited from: CSS.PropertiesHyphenFallback.text-decoration-skip-ink
Defined in: node_modules/csstype/index.d.ts:13209
text-decoration-style
• Optional
text-decoration-style: -moz-initial | inherit | initial | revert | unset | dashed | dotted | double | solid | wavy | (undefined | -moz-initial | inherit | initial | revert | unset | dashed | dotted | double | solid | wavy)[]
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
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
57 | 36 | 12.1 | 79 | No |
8 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/text-decoration-style
Inherited from: CSS.PropertiesHyphenFallback.text-decoration-style
Defined in: node_modules/csstype/index.d.ts:13223
text-decoration-thickness
• Optional
text-decoration-thickness: string | string & {} | (undefined | string | string & {})[]
The text-decoration-thickness
CSS property sets the stroke thickness of the decoration line that is used on text in an element, such as a line-through, underline, or overline.
Syntax: auto | from-font | <length> | <percentage>
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
87 | 70 | 12.1 | 87 | No |
see
https://developer.mozilla.org/docs/Web/CSS/text-decoration-thickness
Inherited from: CSS.PropertiesHyphenFallback.text-decoration-thickness
Defined in: node_modules/csstype/index.d.ts:13238
text-decoration-width
• Optional
text-decoration-width: string | string & {} | (undefined | string | string & {})[]
The text-decoration-thickness
CSS property sets the stroke thickness of the decoration line that is used on text in an element, such as a line-through, underline, or overline.
Syntax: auto | from-font | <length> | <percentage>
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
87 | 70 | 12.1 | 87 | No |
see
https://developer.mozilla.org/docs/Web/CSS/text-decoration-thickness
Inherited from: CSS.PropertiesHyphenFallback.text-decoration-width
Defined in: node_modules/csstype/index.d.ts:13252
text-emphasis
• Optional
text-emphasis: -moz-initial | inherit | initial | revert | unset | string & {} | none | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | circle | dot | double-circle | filled | open | sesame | triangle | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | circle | dot | double-circle | filled | open | sesame | triangle)[]
The text-emphasis
CSS property applies emphasis marks to text (except spaces and control characters). It is a shorthand for text-emphasis-style
and text-emphasis-color
.
Syntax: <'text-emphasis-style'> || <'text-emphasis-color'>
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
25 -x- | 46 | 6.1 | 79 -x- | No |
see
https://developer.mozilla.org/docs/Web/CSS/text-emphasis
Inherited from: CSS.PropertiesHyphenFallback.text-emphasis
Defined in: node_modules/csstype/index.d.ts:14375
text-emphasis-color
• Optional
text-emphasis-color: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
The text-emphasis-color
CSS property sets the color of emphasis marks. This value can also be set using the text-emphasis
shorthand.
Syntax: <color>
Initial value: currentcolor
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
25 -x- | 46 | 6.1 | 79 -x- | No |
see
https://developer.mozilla.org/docs/Web/CSS/text-emphasis-color
Inherited from: CSS.PropertiesHyphenFallback.text-emphasis-color
Defined in: node_modules/csstype/index.d.ts:13266
text-emphasis-position
• Optional
text-emphasis-position: -moz-initial | inherit | initial | revert | unset | string & {} | (undefined | -moz-initial | inherit | initial | revert | unset | string & {})[]
The text-emphasis-position
CSS property sets where emphasis marks are drawn. Like ruby text, if there isn't enough room for emphasis marks, the line height is increased.
Syntax: [ over | under ] && [ right | left ]
Initial value: over right
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
25 -x- | 46 | 6.1 | 79 -x- | No |
see
https://developer.mozilla.org/docs/Web/CSS/text-emphasis-position
Inherited from: CSS.PropertiesHyphenFallback.text-emphasis-position
Defined in: node_modules/csstype/index.d.ts:13280
text-emphasis-style
• Optional
text-emphasis-style: -moz-initial | inherit | initial | revert | unset | string & {} | none | circle | dot | double-circle | filled | open | sesame | triangle | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none | circle | dot | double-circle | filled | open | sesame | triangle)[]
The text-emphasis-style
CSS property sets the appearance of emphasis marks. It can also be set, and reset, using the text-emphasis
shorthand.
Syntax: none | [ [ filled | open ] || [ dot | circle | double-circle | triangle | sesame ] ] | <string>
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
25 -x- | 46 | 6.1 | 79 -x- | No |
see
https://developer.mozilla.org/docs/Web/CSS/text-emphasis-style
Inherited from: CSS.PropertiesHyphenFallback.text-emphasis-style
Defined in: node_modules/csstype/index.d.ts:13294
text-indent
• Optional
text-indent: string | string & {} | (undefined | string | string & {})[]
The text-indent
CSS property sets the length of empty space (indentation) that is put before lines of text in a block.
Syntax: <length-percentage> && hanging? && each-line?
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 3 |
see
https://developer.mozilla.org/docs/Web/CSS/text-indent
Inherited from: CSS.PropertiesHyphenFallback.text-indent
Defined in: node_modules/csstype/index.d.ts:13308
text-justify
• Optional
text-justify: -moz-initial | inherit | initial | revert | unset | auto | none | inter-character | inter-word | (undefined | -moz-initial | inherit | initial | revert | unset | auto | none | inter-character | inter-word)[]
The text-justify
CSS property sets what type of justification should be applied to text when text-align``: justify;
is set on an element.
Syntax: auto | inter-character | inter-word | none
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
n/a | 55 | No | 12 | 11 |
see
https://developer.mozilla.org/docs/Web/CSS/text-justify
Inherited from: CSS.PropertiesHyphenFallback.text-justify
Defined in: node_modules/csstype/index.d.ts:13322
text-orientation
• Optional
text-orientation: -moz-initial | inherit | initial | revert | unset | mixed | sideways | upright | (undefined | -moz-initial | inherit | initial | revert | unset | mixed | sideways | upright)[]
The text-orientation
CSS property sets the orientation of the text characters in a line. It only affects text in vertical mode (when writing-mode
is not horizontal-tb
). It is useful for controlling the display of languages that use vertical script, and also for making vertical table headers.
Syntax: mixed | upright | sideways
Initial value: mixed
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
48 | 41 | 14 | 79 | No |
11 -x- | 5.1 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/text-orientation
Inherited from: CSS.PropertiesHyphenFallback.text-orientation
Defined in: node_modules/csstype/index.d.ts:13336
text-overflow
• Optional
text-overflow: clip | -moz-initial | inherit | initial | revert | unset | string & {} | ellipsis | (undefined | clip | -moz-initial | inherit | initial | revert | unset | string & {} | ellipsis)[]
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
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 7 | 1.3 | 12 | 6 |
see
https://developer.mozilla.org/docs/Web/CSS/text-overflow
Inherited from: CSS.PropertiesHyphenFallback.text-overflow
Defined in: node_modules/csstype/index.d.ts:13351
text-rendering
• Optional
text-rendering: -moz-initial | inherit | initial | revert | unset | auto | geometricPrecision | optimizeLegibility | optimizeSpeed | (undefined | -moz-initial | inherit | initial | revert | unset | auto | geometricPrecision | optimizeLegibility | optimizeSpeed)[]
The text-rendering
CSS property provides information to the rendering engine about what to optimize for when rendering text.
Syntax: auto | optimizeSpeed | optimizeLegibility | geometricPrecision
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
4 | 1 | 5 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/text-rendering
Inherited from: CSS.PropertiesHyphenFallback.text-rendering
Defined in: node_modules/csstype/index.d.ts:13365
text-shadow
• Optional
text-shadow: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
The text-shadow
CSS property adds shadows to text. It accepts a comma-separated list of shadows to be applied to the text and any of its decorations
. Each shadow is described by some combination of X and Y offsets from the element, blur radius, and color.
Syntax: none | <shadow-t>#
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
2 | 3.5 | 1.1 | 12 | 10 |
see
https://developer.mozilla.org/docs/Web/CSS/text-shadow
Inherited from: CSS.PropertiesHyphenFallback.text-shadow
Defined in: node_modules/csstype/index.d.ts:13379
text-size-adjust
• Optional
text-size-adjust: -moz-initial | inherit | initial | revert | unset | string & {} | auto | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | auto | none)[]
The text-size-adjust
CSS property controls the text inflation algorithm used on some smartphones and tablets. Other browsers will ignore this property.
Syntax: none | auto | <percentage>
Initial value: auto
for smartphone browsers supporting inflation, none
in other cases (and then not modifiable).
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
54 | No | No | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/text-size-adjust
Inherited from: CSS.PropertiesHyphenFallback.text-size-adjust
Defined in: node_modules/csstype/index.d.ts:13393
text-transform
• Optional
text-transform: -moz-initial | inherit | initial | revert | unset | none | full-width | capitalize | full-size-kana | lowercase | uppercase | (undefined | -moz-initial | inherit | initial | revert | unset | none | full-width | capitalize | full-size-kana | lowercase | uppercase)[]
The text-transform
CSS property specifies how to capitalize an element's text. It can be used to make text appear in all-uppercase or all-lowercase, or with each word capitalized. It also can help improve legibility for ruby.
Syntax: none | capitalize | uppercase | lowercase | full-width | full-size-kana
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/text-transform
Inherited from: CSS.PropertiesHyphenFallback.text-transform
Defined in: node_modules/csstype/index.d.ts:13407
text-underline-offset
• Optional
text-underline-offset: string | string & {} | (undefined | string | string & {})[]
The text-underline-offset
CSS property sets the offset distance of an underline text decoration line (applied using text-decoration
) from its original position.
Syntax: auto | <length> | <percentage>
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
87 | 70 | 12.1 | 87 | No |
see
https://developer.mozilla.org/docs/Web/CSS/text-underline-offset
Inherited from: CSS.PropertiesHyphenFallback.text-underline-offset
Defined in: node_modules/csstype/index.d.ts:13421
text-underline-position
• Optional
text-underline-position: left | right | -moz-initial | inherit | initial | revert | unset | string & {} | auto | under | from-font | (undefined | left | right | -moz-initial | inherit | initial | revert | unset | string & {} | auto | under | from-font)[]
The text-underline-position
CSS property specifies the position of the underline which is set using the text-decoration
property's underline
value.
Syntax: auto | from-font | [ under || [ left | right ] ]
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
33 | 74 | 12.1 | 12 | 6 |
9 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/text-underline-position
Inherited from: CSS.PropertiesHyphenFallback.text-underline-position
Defined in: node_modules/csstype/index.d.ts:13435
textAlign
• Optional
textAlign: left | right | -moz-initial | inherit | initial | revert | unset | center | end | start | justify | match-parent | (undefined | left | right | -moz-initial | inherit | initial | revert | unset | center | end | start | justify | match-parent)[]
The text-align
CSS property sets the horizontal alignment of a block element or table-cell box. This means it works like vertical-align
but in the horizontal direction.
Syntax: start | end | left | right | center | justify | match-parent
Initial value: start
, or a nameless value that acts as left
if direction is ltr
, right
if direction is rtl
if start
is not supported by the browser.
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 3 |
see
https://developer.mozilla.org/docs/Web/CSS/text-align
Inherited from: CSS.PropertiesFallback.textAlign
Defined in: node_modules/csstype/index.d.ts:4420
textAlignLast
• Optional
textAlignLast: left | right | -moz-initial | inherit | initial | revert | unset | center | end | start | auto | justify | (undefined | left | right | -moz-initial | inherit | initial | revert | unset | center | end | start | auto | justify)[]
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
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
47 | 49 | No | 12 | 5.5 |
see
https://developer.mozilla.org/docs/Web/CSS/text-align-last
Inherited from: CSS.PropertiesFallback.textAlignLast
Defined in: node_modules/csstype/index.d.ts:4434
textAnchor
• Optional
textAnchor: -moz-initial | inherit | initial | revert | unset | end | start | middle | (undefined | -moz-initial | inherit | initial | revert | unset | end | start | middle)[]
Inherited from: CSS.PropertiesFallback.textAnchor
Defined in: node_modules/csstype/index.d.ts:8707
textCombineHorizontal
• Optional
textCombineHorizontal: all | -ms-text-combine-horizontal | -moz-initial | inherit | initial | revert | unset | string & {} | none | digits | (undefined | all | -ms-text-combine-horizontal | -moz-initial | inherit | initial | revert | unset | string & {} | none | digits)[]
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.
Syntax: none | all | [ digits <integer>? ]
Initial value: none
deprecated
Inherited from: CSS.PropertiesFallback.textCombineHorizontal
Defined in: node_modules/csstype/index.d.ts:7924
textCombineUpright
• Optional
textCombineUpright: all | -ms-text-combine-horizontal | -moz-initial | inherit | initial | revert | unset | string & {} | none | digits | (undefined | all | -ms-text-combine-horizontal | -moz-initial | inherit | initial | revert | unset | string & {} | none | digits)[]
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.
Syntax: none | all | [ digits <integer>? ]
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
48 | 48 | 5.1 (-webkit-text-combine) | 15-79 | 11 (-ms-text-combine-horizontal) |
9 (-webkit-text-combine) | 12 (-ms-text-combine-horizontal) |
see
https://developer.mozilla.org/docs/Web/CSS/text-combine-upright
Inherited from: CSS.PropertiesFallback.textCombineUpright
Defined in: node_modules/csstype/index.d.ts:4449
textDecoration
• Optional
textDecoration: string | string & {} | (undefined | string | string & {})[]
The text-decoration
shorthand CSS property sets the appearance of decorative lines on text. It is a shorthand for text-decoration-line
, text-decoration-color
, text-decoration-style
, and the newer text-decoration-thickness
property.
Syntax: <'text-decoration-line'> || <'text-decoration-style'> || <'text-decoration-color'> || <'text-decoration-thickness'>
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 3 |
see
https://developer.mozilla.org/docs/Web/CSS/text-decoration
Inherited from: CSS.PropertiesFallback.textDecoration
Defined in: node_modules/csstype/index.d.ts:5660
textDecorationColor
• Optional
textDecorationColor: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
The text-decoration-color
CSS property sets the color of decorations added to text by text-decoration-line
.
Syntax: <color>
Initial value: currentcolor
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
57 | 36 | 12.1 | 79 | No |
8 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/text-decoration-color
Inherited from: CSS.PropertiesFallback.textDecorationColor
Defined in: node_modules/csstype/index.d.ts:4464
textDecorationLine
• Optional
textDecorationLine: -moz-initial | inherit | initial | revert | unset | string & {} | none | blink | grammar-error | line-through | overline | spelling-error | underline | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none | blink | grammar-error | line-through | overline | spelling-error | underline)[]
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
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
57 | 36 | 12.1 | 79 | No |
8 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/text-decoration-line
Inherited from: CSS.PropertiesFallback.textDecorationLine
Defined in: node_modules/csstype/index.d.ts:4479
textDecorationSkip
• Optional
textDecorationSkip: -moz-initial | inherit | initial | revert | unset | string & {} | none | box-decoration | edges | leading-spaces | objects | spaces | trailing-spaces | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none | box-decoration | edges | leading-spaces | objects | spaces | trailing-spaces)[]
The text-decoration-skip
CSS property sets what parts of an element’s content any text decoration affecting the element must skip over. It controls all text decoration lines drawn by the element and also any text decoration lines drawn by its ancestors.
Syntax: none | [ objects || [ spaces | [ leading-spaces || trailing-spaces ] ] || edges || box-decoration ]
Initial value: objects
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
57-64 | No | 12.1 | No | No |
8 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/text-decoration-skip
Inherited from: CSS.PropertiesFallback.textDecorationSkip
Defined in: node_modules/csstype/index.d.ts:4494
textDecorationSkipInk
• Optional
textDecorationSkipInk: all | -moz-initial | inherit | initial | revert | unset | auto | none | (undefined | all | -moz-initial | inherit | initial | revert | unset | auto | none)[]
The text-decoration-skip-ink
CSS property specifies how overlines and underlines are drawn when they pass over glyph ascenders and descenders.
Syntax: auto | all | none
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
64 | 70 | No | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/text-decoration-skip-ink
Inherited from: CSS.PropertiesFallback.textDecorationSkipInk
Defined in: node_modules/csstype/index.d.ts:4508
textDecorationStyle
• Optional
textDecorationStyle: -moz-initial | inherit | initial | revert | unset | dashed | dotted | double | solid | wavy | (undefined | -moz-initial | inherit | initial | revert | unset | dashed | dotted | double | solid | wavy)[]
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
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
57 | 36 | 12.1 | 79 | No |
8 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/text-decoration-style
Inherited from: CSS.PropertiesFallback.textDecorationStyle
Defined in: node_modules/csstype/index.d.ts:4523
textDecorationThickness
• Optional
textDecorationThickness: string | string & {} | (undefined | string | string & {})[]
The text-decoration-thickness
CSS property sets the stroke thickness of the decoration line that is used on text in an element, such as a line-through, underline, or overline.
Syntax: auto | from-font | <length> | <percentage>
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
87 | 70 | 12.1 | 87 | No |
see
https://developer.mozilla.org/docs/Web/CSS/text-decoration-thickness
Inherited from: CSS.PropertiesFallback.textDecorationThickness
Defined in: node_modules/csstype/index.d.ts:4537
textDecorationWidth
• Optional
textDecorationWidth: string | string & {} | (undefined | string | string & {})[]
The text-decoration-thickness
CSS property sets the stroke thickness of the decoration line that is used on text in an element, such as a line-through, underline, or overline.
Syntax: auto | from-font | <length> | <percentage>
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
87 | 70 | 12.1 | 87 | No |
see
https://developer.mozilla.org/docs/Web/CSS/text-decoration-thickness
Inherited from: CSS.PropertiesFallback.textDecorationWidth
Defined in: node_modules/csstype/index.d.ts:4551
textEmphasis
• Optional
textEmphasis: -moz-initial | inherit | initial | revert | unset | string & {} | none | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | circle | dot | double-circle | filled | open | sesame | triangle | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | circle | dot | double-circle | filled | open | sesame | triangle)[]
The text-emphasis
CSS property applies emphasis marks to text (except spaces and control characters). It is a shorthand for text-emphasis-style
and text-emphasis-color
.
Syntax: <'text-emphasis-style'> || <'text-emphasis-color'>
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
25 -x- | 46 | 6.1 | 79 -x- | No |
see
https://developer.mozilla.org/docs/Web/CSS/text-emphasis
Inherited from: CSS.PropertiesFallback.textEmphasis
Defined in: node_modules/csstype/index.d.ts:5672
textEmphasisColor
• Optional
textEmphasisColor: -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | transparent | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen | ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText | currentcolor)[]
The text-emphasis-color
CSS property sets the color of emphasis marks. This value can also be set using the text-emphasis
shorthand.
Syntax: <color>
Initial value: currentcolor
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
25 -x- | 46 | 6.1 | 79 -x- | No |
see
https://developer.mozilla.org/docs/Web/CSS/text-emphasis-color
Inherited from: CSS.PropertiesFallback.textEmphasisColor
Defined in: node_modules/csstype/index.d.ts:4565
textEmphasisPosition
• Optional
textEmphasisPosition: -moz-initial | inherit | initial | revert | unset | string & {} | (undefined | -moz-initial | inherit | initial | revert | unset | string & {})[]
The text-emphasis-position
CSS property sets where emphasis marks are drawn. Like ruby text, if there isn't enough room for emphasis marks, the line height is increased.
Syntax: [ over | under ] && [ right | left ]
Initial value: over right
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
25 -x- | 46 | 6.1 | 79 -x- | No |
see
https://developer.mozilla.org/docs/Web/CSS/text-emphasis-position
Inherited from: CSS.PropertiesFallback.textEmphasisPosition
Defined in: node_modules/csstype/index.d.ts:4579
textEmphasisStyle
• Optional
textEmphasisStyle: -moz-initial | inherit | initial | revert | unset | string & {} | none | circle | dot | double-circle | filled | open | sesame | triangle | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none | circle | dot | double-circle | filled | open | sesame | triangle)[]
The text-emphasis-style
CSS property sets the appearance of emphasis marks. It can also be set, and reset, using the text-emphasis
shorthand.
Syntax: none | [ [ filled | open ] || [ dot | circle | double-circle | triangle | sesame ] ] | <string>
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
25 -x- | 46 | 6.1 | 79 -x- | No |
see
https://developer.mozilla.org/docs/Web/CSS/text-emphasis-style
Inherited from: CSS.PropertiesFallback.textEmphasisStyle
Defined in: node_modules/csstype/index.d.ts:4593
textIndent
• Optional
textIndent: string | string & {} | (undefined | string | string & {})[]
The text-indent
CSS property sets the length of empty space (indentation) that is put before lines of text in a block.
Syntax: <length-percentage> && hanging? && each-line?
Initial value: 0
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 3 |
see
https://developer.mozilla.org/docs/Web/CSS/text-indent
Inherited from: CSS.PropertiesFallback.textIndent
Defined in: node_modules/csstype/index.d.ts:4607
textJustify
• Optional
textJustify: -moz-initial | inherit | initial | revert | unset | auto | none | inter-character | inter-word | (undefined | -moz-initial | inherit | initial | revert | unset | auto | none | inter-character | inter-word)[]
The text-justify
CSS property sets what type of justification should be applied to text when text-align``: justify;
is set on an element.
Syntax: auto | inter-character | inter-word | none
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
n/a | 55 | No | 12 | 11 |
see
https://developer.mozilla.org/docs/Web/CSS/text-justify
Inherited from: CSS.PropertiesFallback.textJustify
Defined in: node_modules/csstype/index.d.ts:4621
textOrientation
• Optional
textOrientation: -moz-initial | inherit | initial | revert | unset | mixed | sideways | upright | (undefined | -moz-initial | inherit | initial | revert | unset | mixed | sideways | upright)[]
The text-orientation
CSS property sets the orientation of the text characters in a line. It only affects text in vertical mode (when writing-mode
is not horizontal-tb
). It is useful for controlling the display of languages that use vertical script, and also for making vertical table headers.
Syntax: mixed | upright | sideways
Initial value: mixed
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
48 | 41 | 14 | 79 | No |
11 -x- | 5.1 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/text-orientation
Inherited from: CSS.PropertiesFallback.textOrientation
Defined in: node_modules/csstype/index.d.ts:4636
textOverflow
• Optional
textOverflow: clip | -moz-initial | inherit | initial | revert | unset | string & {} | ellipsis | (undefined | clip | -moz-initial | inherit | initial | revert | unset | string & {} | ellipsis)[]
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
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 7 | 1.3 | 12 | 6 |
see
https://developer.mozilla.org/docs/Web/CSS/text-overflow
Inherited from: CSS.PropertiesFallback.textOverflow
Defined in: node_modules/csstype/index.d.ts:4650
textRendering
• Optional
textRendering: -moz-initial | inherit | initial | revert | unset | auto | geometricPrecision | optimizeLegibility | optimizeSpeed | (undefined | -moz-initial | inherit | initial | revert | unset | auto | geometricPrecision | optimizeLegibility | optimizeSpeed)[]
The text-rendering
CSS property provides information to the rendering engine about what to optimize for when rendering text.
Syntax: auto | optimizeSpeed | optimizeLegibility | geometricPrecision
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
4 | 1 | 5 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/text-rendering
Inherited from: CSS.PropertiesFallback.textRendering
Defined in: node_modules/csstype/index.d.ts:4664
textShadow
• Optional
textShadow: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
The text-shadow
CSS property adds shadows to text. It accepts a comma-separated list of shadows to be applied to the text and any of its decorations
. Each shadow is described by some combination of X and Y offsets from the element, blur radius, and color.
Syntax: none | <shadow-t>#
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
2 | 3.5 | 1.1 | 12 | 10 |
see
https://developer.mozilla.org/docs/Web/CSS/text-shadow
Inherited from: CSS.PropertiesFallback.textShadow
Defined in: node_modules/csstype/index.d.ts:4678
textSizeAdjust
• Optional
textSizeAdjust: -moz-initial | inherit | initial | revert | unset | string & {} | auto | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | auto | none)[]
The text-size-adjust
CSS property controls the text inflation algorithm used on some smartphones and tablets. Other browsers will ignore this property.
Syntax: none | auto | <percentage>
Initial value: auto
for smartphone browsers supporting inflation, none
in other cases (and then not modifiable).
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
54 | No | No | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/text-size-adjust
Inherited from: CSS.PropertiesFallback.textSizeAdjust
Defined in: node_modules/csstype/index.d.ts:4692
textTransform
• Optional
textTransform: -moz-initial | inherit | initial | revert | unset | none | full-width | capitalize | full-size-kana | lowercase | uppercase | (undefined | -moz-initial | inherit | initial | revert | unset | none | full-width | capitalize | full-size-kana | lowercase | uppercase)[]
The text-transform
CSS property specifies how to capitalize an element's text. It can be used to make text appear in all-uppercase or all-lowercase, or with each word capitalized. It also can help improve legibility for ruby.
Syntax: none | capitalize | uppercase | lowercase | full-width | full-size-kana
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/text-transform
Inherited from: CSS.PropertiesFallback.textTransform
Defined in: node_modules/csstype/index.d.ts:4706
textUnderlineOffset
• Optional
textUnderlineOffset: string | string & {} | (undefined | string | string & {})[]
The text-underline-offset
CSS property sets the offset distance of an underline text decoration line (applied using text-decoration
) from its original position.
Syntax: auto | <length> | <percentage>
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
87 | 70 | 12.1 | 87 | No |
see
https://developer.mozilla.org/docs/Web/CSS/text-underline-offset
Inherited from: CSS.PropertiesFallback.textUnderlineOffset
Defined in: node_modules/csstype/index.d.ts:4720
textUnderlinePosition
• Optional
textUnderlinePosition: left | right | -moz-initial | inherit | initial | revert | unset | string & {} | auto | under | from-font | (undefined | left | right | -moz-initial | inherit | initial | revert | unset | string & {} | auto | under | from-font)[]
The text-underline-position
CSS property specifies the position of the underline which is set using the text-decoration
property's underline
value.
Syntax: auto | from-font | [ under || [ left | right ] ]
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
33 | 74 | 12.1 | 12 | 6 |
9 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/text-underline-position
Inherited from: CSS.PropertiesFallback.textUnderlinePosition
Defined in: node_modules/csstype/index.d.ts:4735
top
• Optional
top: string | string & {} | (undefined | string | string & {})[]
The top
CSS property participates in specifying the vertical position of a positioned element. It has no effect on non-positioned elements.
Syntax: <length> | <percentage> | auto
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 5 |
see
https://developer.mozilla.org/docs/Web/CSS/top
Inherited from: CSS.PropertiesFallback.top
Defined in: node_modules/csstype/index.d.ts:4749
touch-action
• Optional
touch-action: -moz-initial | inherit | initial | revert | unset | string & {} | auto | none | -ms-manipulation | -ms-none | -ms-pinch-zoom | manipulation | pan-down | pan-left | pan-right | pan-up | pan-x | pan-y | pinch-zoom | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | auto | none | -ms-manipulation | -ms-none | -ms-pinch-zoom | manipulation | pan-down | pan-left | pan-right | pan-up | pan-x | pan-y | pinch-zoom)[]
The touch-action
CSS property sets how an element's region can be manipulated by a touchscreen user (for example, by zooming features built into the browser).
Syntax: auto | none | [ [ pan-x | pan-left | pan-right ] || [ pan-y | pan-up | pan-down ] || pinch-zoom ] | manipulation
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
36 | 52 | 13 | 12 | 11 |
10 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/touch-action
Inherited from: CSS.PropertiesHyphenFallback.touch-action
Defined in: node_modules/csstype/index.d.ts:13464
touchAction
• Optional
touchAction: -moz-initial | inherit | initial | revert | unset | string & {} | auto | none | -ms-manipulation | -ms-none | -ms-pinch-zoom | manipulation | pan-down | pan-left | pan-right | pan-up | pan-x | pan-y | pinch-zoom | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | auto | none | -ms-manipulation | -ms-none | -ms-pinch-zoom | manipulation | pan-down | pan-left | pan-right | pan-up | pan-x | pan-y | pinch-zoom)[]
The touch-action
CSS property sets how an element's region can be manipulated by a touchscreen user (for example, by zooming features built into the browser).
Syntax: auto | none | [ [ pan-x | pan-left | pan-right ] || [ pan-y | pan-up | pan-down ] || pinch-zoom ] | manipulation
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
36 | 52 | 13 | 12 | 11 |
10 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/touch-action
Inherited from: CSS.PropertiesFallback.touchAction
Defined in: node_modules/csstype/index.d.ts:4764
transform
• Optional
transform: -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
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
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
36 | 16 | 9 | 12 | 10 |
1 -x- | 3.1 -x- | 9 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/transform
Inherited from: CSS.PropertiesFallback.transform
Defined in: node_modules/csstype/index.d.ts:4779
transform-box
• Optional
transform-box: -moz-initial | inherit | initial | revert | unset | border-box | content-box | fill-box | stroke-box | view-box | (undefined | -moz-initial | inherit | initial | revert | unset | border-box | content-box | fill-box | stroke-box | view-box)[]
The transform-box
CSS property defines the layout box to which the transform
and transform-origin
properties relate.
Syntax: content-box | border-box | fill-box | stroke-box | view-box
Initial value: view-box
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
64 | 55 | 11 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/transform-box
Inherited from: CSS.PropertiesHyphenFallback.transform-box
Defined in: node_modules/csstype/index.d.ts:13494
transform-origin
• Optional
transform-origin: string | string & {} | (undefined | string | string & {})[]
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
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
36 | 16 | 9 | 12 | 10 |
1 -x- | 3.5 -x- | 2 -x- | 9 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/transform-origin
Inherited from: CSS.PropertiesHyphenFallback.transform-origin
Defined in: node_modules/csstype/index.d.ts:13508
transform-style
• Optional
transform-style: -moz-initial | inherit | initial | revert | unset | flat | preserve-3d | (undefined | -moz-initial | inherit | initial | revert | unset | flat | preserve-3d)[]
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
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
36 | 16 | 9 | 12 | No |
12 -x- | 10 -x- | 4 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/transform-style
Inherited from: CSS.PropertiesHyphenFallback.transform-style
Defined in: node_modules/csstype/index.d.ts:13523
transformBox
• Optional
transformBox: -moz-initial | inherit | initial | revert | unset | border-box | content-box | fill-box | stroke-box | view-box | (undefined | -moz-initial | inherit | initial | revert | unset | border-box | content-box | fill-box | stroke-box | view-box)[]
The transform-box
CSS property defines the layout box to which the transform
and transform-origin
properties relate.
Syntax: content-box | border-box | fill-box | stroke-box | view-box
Initial value: view-box
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
64 | 55 | 11 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/transform-box
Inherited from: CSS.PropertiesFallback.transformBox
Defined in: node_modules/csstype/index.d.ts:4793
transformOrigin
• Optional
transformOrigin: string | string & {} | (undefined | string | string & {})[]
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
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
36 | 16 | 9 | 12 | 10 |
1 -x- | 3.5 -x- | 2 -x- | 9 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/transform-origin
Inherited from: CSS.PropertiesFallback.transformOrigin
Defined in: node_modules/csstype/index.d.ts:4808
transformStyle
• Optional
transformStyle: -moz-initial | inherit | initial | revert | unset | flat | preserve-3d | (undefined | -moz-initial | inherit | initial | revert | unset | flat | preserve-3d)[]
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
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
36 | 16 | 9 | 12 | No |
12 -x- | 10 -x- | 4 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/transform-style
Inherited from: CSS.PropertiesFallback.transformStyle
Defined in: node_modules/csstype/index.d.ts:4823
transition
• Optional
transition: string | string & {} | (undefined | string | string & {})[]
The transition
CSS property is a shorthand property for transition-property
, transition-duration
, transition-timing-function
, and transition-delay
.
Syntax: <single-transition>#
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
26 | 16 | 9 | 12 | 10 |
1 -x- | 4 -x- | 3.1 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/transition
Inherited from: CSS.PropertiesFallback.transition
Defined in: node_modules/csstype/index.d.ts:5685
transition-delay
• Optional
transition-delay: string | string & {} | (undefined | string | string & {})[]
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
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
26 | 16 | 9 | 12 | 10 |
1 -x- | 4 -x- | 4 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/transition-delay
Inherited from: CSS.PropertiesHyphenFallback.transition-delay
Defined in: node_modules/csstype/index.d.ts:13538
transition-duration
• Optional
transition-duration: string | string & {} | (undefined | string | string & {})[]
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
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
26 | 16 | 9 | 12 | 10 |
1 -x- | 4 -x- | 3.1 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/transition-duration
Inherited from: CSS.PropertiesHyphenFallback.transition-duration
Defined in: node_modules/csstype/index.d.ts:13553
transition-property
• Optional
transition-property: all | -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | all | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
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
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
26 | 16 | 9 | 12 | 10 |
1 -x- | 4 -x- | 3.1 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/transition-property
Inherited from: CSS.PropertiesHyphenFallback.transition-property
Defined in: node_modules/csstype/index.d.ts:13568
transition-timing-function
• Optional
transition-timing-function: -moz-initial | inherit | initial | revert | unset | string & {} | ease | ease-in | ease-in-out | ease-out | step-end | step-start | linear | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | ease | ease-in | ease-in-out | ease-out | step-end | step-start | linear)[]
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
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
26 | 16 | 9 | 12 | 10 |
1 -x- | 4 -x- | 3.1 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/transition-timing-function
Inherited from: CSS.PropertiesHyphenFallback.transition-timing-function
Defined in: node_modules/csstype/index.d.ts:13583
transitionDelay
• Optional
transitionDelay: string | string & {} | (undefined | string | string & {})[]
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
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
26 | 16 | 9 | 12 | 10 |
1 -x- | 4 -x- | 4 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/transition-delay
Inherited from: CSS.PropertiesFallback.transitionDelay
Defined in: node_modules/csstype/index.d.ts:4838
transitionDuration
• Optional
transitionDuration: string | string & {} | (undefined | string | string & {})[]
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
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
26 | 16 | 9 | 12 | 10 |
1 -x- | 4 -x- | 3.1 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/transition-duration
Inherited from: CSS.PropertiesFallback.transitionDuration
Defined in: node_modules/csstype/index.d.ts:4853
transitionProperty
• Optional
transitionProperty: all | -moz-initial | inherit | initial | revert | unset | string & {} | none | (undefined | all | -moz-initial | inherit | initial | revert | unset | string & {} | none)[]
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
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
26 | 16 | 9 | 12 | 10 |
1 -x- | 4 -x- | 3.1 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/transition-property
Inherited from: CSS.PropertiesFallback.transitionProperty
Defined in: node_modules/csstype/index.d.ts:4868
transitionTimingFunction
• Optional
transitionTimingFunction: -moz-initial | inherit | initial | revert | unset | string & {} | ease | ease-in | ease-in-out | ease-out | step-end | step-start | linear | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | ease | ease-in | ease-in-out | ease-out | step-end | step-start | linear)[]
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
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
26 | 16 | 9 | 12 | 10 |
1 -x- | 4 -x- | 3.1 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/transition-timing-function
Inherited from: CSS.PropertiesFallback.transitionTimingFunction
Defined in: node_modules/csstype/index.d.ts:4883
translate
• Optional
translate: string | string & {} | (undefined | string | string & {})[]
The translate
CSS property allows you to specify translation transforms individually and independently of the transform
property. This maps better to typical user interface usage, and saves having to remember the exact order of transform functions to specify in the transform
value.
Syntax: none | <length-percentage> [ <length-percentage> <length>? ]?
Initial value: none
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
No | 72 | No | No | No |
see
https://developer.mozilla.org/docs/Web/CSS/translate
Inherited from: CSS.PropertiesFallback.translate
Defined in: node_modules/csstype/index.d.ts:4897
unicode-bidi
• Optional
unicode-bidi: -moz-initial | inherit | initial | revert | unset | normal | isolate | -moz-isolate | -moz-isolate-override | -moz-plaintext | -webkit-isolate | bidi-override | embed | isolate-override | plaintext | (undefined | -moz-initial | inherit | initial | revert | unset | normal | isolate | -moz-isolate | -moz-isolate-override | -moz-plaintext | -webkit-isolate | bidi-override | embed | isolate-override | plaintext)[]
The unicode-bidi
CSS property, together with the direction
property, determines how bidirectional text in a document is handled. For example, if a block of content contains both left-to-right and right-to-left text, the user-agent uses a complex Unicode algorithm to decide how to display the text. The unicode-bidi
property overrides this algorithm and allows the developer to control the text embedding.
Syntax: normal | embed | isolate | bidi-override | isolate-override | plaintext
Initial value: normal
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
2 | 1 | 1.3 | 12 | 5.5 |
see
https://developer.mozilla.org/docs/Web/CSS/unicode-bidi
Inherited from: CSS.PropertiesHyphenFallback.unicode-bidi
Defined in: node_modules/csstype/index.d.ts:13612
unicodeBidi
• Optional
unicodeBidi: -moz-initial | inherit | initial | revert | unset | normal | isolate | -moz-isolate | -moz-isolate-override | -moz-plaintext | -webkit-isolate | bidi-override | embed | isolate-override | plaintext | (undefined | -moz-initial | inherit | initial | revert | unset | normal | isolate | -moz-isolate | -moz-isolate-override | -moz-plaintext | -webkit-isolate | bidi-override | embed | isolate-override | plaintext)[]
The unicode-bidi
CSS property, together with the direction
property, determines how bidirectional text in a document is handled. For example, if a block of content contains both left-to-right and right-to-left text, the user-agent uses a complex Unicode algorithm to decide how to display the text. The unicode-bidi
property overrides this algorithm and allows the developer to control the text embedding.
Syntax: normal | embed | isolate | bidi-override | isolate-override | plaintext
Initial value: normal
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
2 | 1 | 1.3 | 12 | 5.5 |
see
https://developer.mozilla.org/docs/Web/CSS/unicode-bidi
Inherited from: CSS.PropertiesFallback.unicodeBidi
Defined in: node_modules/csstype/index.d.ts:4911
user-select
• Optional
user-select: contain | all | -moz-initial | inherit | initial | revert | unset | auto | none | text | -moz-none | element | (undefined | contain | all | -moz-initial | inherit | initial | revert | unset | auto | none | text | -moz-none | element)[]
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
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
54 | 69 | 3 -x- | 12 -x- | 10 -x- |
1 -x- | 1 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/user-select
Inherited from: CSS.PropertiesHyphenFallback.user-select
Defined in: node_modules/csstype/index.d.ts:13626
userSelect
• Optional
userSelect: contain | all | -moz-initial | inherit | initial | revert | unset | auto | none | text | -moz-none | element | (undefined | contain | all | -moz-initial | inherit | initial | revert | unset | auto | none | text | -moz-none | element)[]
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
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
54 | 69 | 3 -x- | 12 -x- | 10 -x- |
1 -x- | 1 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/user-select
Inherited from: CSS.PropertiesFallback.userSelect
Defined in: node_modules/csstype/index.d.ts:4926
vector-effect
• Optional
vector-effect: -moz-initial | inherit | initial | revert | unset | none | non-scaling-stroke | (undefined | -moz-initial | inherit | initial | revert | unset | none | non-scaling-stroke)[]
Inherited from: CSS.PropertiesHyphenFallback.vector-effect
Defined in: node_modules/csstype/index.d.ts:17427
vectorEffect
• Optional
vectorEffect: -moz-initial | inherit | initial | revert | unset | none | non-scaling-stroke | (undefined | -moz-initial | inherit | initial | revert | unset | none | non-scaling-stroke)[]
Inherited from: CSS.PropertiesFallback.vectorEffect
Defined in: node_modules/csstype/index.d.ts:8711
vertical-align
• Optional
vertical-align: string | string & {} | (undefined | string | string & {})[]
The vertical-align
CSS property sets vertical alignment of an inline, inline-block or table-cell box.
Syntax: baseline | sub | super | text-top | text-bottom | middle | top | bottom | <percentage> | <length>
Initial value: baseline
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/vertical-align
Inherited from: CSS.PropertiesHyphenFallback.vertical-align
Defined in: node_modules/csstype/index.d.ts:13641
verticalAlign
• Optional
verticalAlign: string | string & {} | (undefined | string | string & {})[]
The vertical-align
CSS property sets vertical alignment of an inline, inline-block or table-cell box.
Syntax: baseline | sub | super | text-top | text-bottom | middle | top | bottom | <percentage> | <length>
Initial value: baseline
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/vertical-align
Inherited from: CSS.PropertiesFallback.verticalAlign
Defined in: node_modules/csstype/index.d.ts:4940
visibility
• Optional
visibility: -moz-initial | inherit | initial | revert | unset | hidden | visible | collapse | (undefined | -moz-initial | inherit | initial | revert | unset | hidden | visible | collapse)[]
The visibility
CSS property shows or hides an element without changing the layout of a document. The property can also hide rows or columns in a <table>
.
Syntax: visible | hidden | collapse
Initial value: visible
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/visibility
Inherited from: CSS.PropertiesFallback.visibility
Defined in: node_modules/csstype/index.d.ts:4954
white-space
• Optional
white-space: -moz-initial | inherit | initial | revert | unset | normal | nowrap | -moz-pre-wrap | break-spaces | pre | pre-line | pre-wrap | (undefined | -moz-initial | inherit | initial | revert | unset | normal | nowrap | -moz-pre-wrap | break-spaces | pre | pre-line | pre-wrap)[]
The white-space
CSS property sets how white space inside an element is handled.
Syntax: normal | pre | nowrap | pre-wrap | pre-line | break-spaces
Initial value: normal
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 5.5 |
see
https://developer.mozilla.org/docs/Web/CSS/white-space
Inherited from: CSS.PropertiesHyphenFallback.white-space
Defined in: node_modules/csstype/index.d.ts:13669
whiteSpace
• Optional
whiteSpace: -moz-initial | inherit | initial | revert | unset | normal | nowrap | -moz-pre-wrap | break-spaces | pre | pre-line | pre-wrap | (undefined | -moz-initial | inherit | initial | revert | unset | normal | nowrap | -moz-pre-wrap | break-spaces | pre | pre-line | pre-wrap)[]
The white-space
CSS property sets how white space inside an element is handled.
Syntax: normal | pre | nowrap | pre-wrap | pre-line | break-spaces
Initial value: normal
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 5.5 |
see
https://developer.mozilla.org/docs/Web/CSS/white-space
Inherited from: CSS.PropertiesFallback.whiteSpace
Defined in: node_modules/csstype/index.d.ts:4968
widows
• Optional
widows: -moz-initial | inherit | initial | revert | unset | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | number & {})[]
The widows
CSS property sets the minimum number of lines in a block container that must be shown at the top of a page, region, or column.
Syntax: <integer>
Initial value: 2
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
25 | No | 1.3 | 12 | 8 |
see
https://developer.mozilla.org/docs/Web/CSS/widows
Inherited from: CSS.PropertiesFallback.widows
Defined in: node_modules/csstype/index.d.ts:4982
width
• Optional
width: string | string & {} | (undefined | string | string & {})[]
The width
CSS property sets an element's width. By default, it sets the width of the content area, but if box-sizing
is set to border-box
, it sets the width of the border area.
Syntax: auto | <length> | <percentage> | min-content | max-content | fit-content(<length-percentage>)
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/width
Inherited from: CSS.PropertiesFallback.width
Defined in: node_modules/csstype/index.d.ts:4996
will-change
• Optional
will-change: -moz-initial | inherit | initial | revert | unset | string & {} | auto | contents | scroll-position | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | auto | contents | scroll-position)[]
The will-change
CSS property hints to browsers how an element is expected to change. Browsers may set up optimizations before an element is actually changed. These kinds of optimizations can increase the responsiveness of a page by doing potentially expensive work before they are actually required.
Syntax: auto | <animateable-feature>#
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
36 | 36 | 9.1 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/will-change
Inherited from: CSS.PropertiesHyphenFallback.will-change
Defined in: node_modules/csstype/index.d.ts:13711
willChange
• Optional
willChange: -moz-initial | inherit | initial | revert | unset | string & {} | auto | contents | scroll-position | (undefined | -moz-initial | inherit | initial | revert | unset | string & {} | auto | contents | scroll-position)[]
The will-change
CSS property hints to browsers how an element is expected to change. Browsers may set up optimizations before an element is actually changed. These kinds of optimizations can increase the responsiveness of a page by doing potentially expensive work before they are actually required.
Syntax: auto | <animateable-feature>#
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
36 | 36 | 9.1 | 79 | No |
see
https://developer.mozilla.org/docs/Web/CSS/will-change
Inherited from: CSS.PropertiesFallback.willChange
Defined in: node_modules/csstype/index.d.ts:5010
word-break
• Optional
word-break: -moz-initial | inherit | initial | revert | unset | normal | break-word | break-all | keep-all | (undefined | -moz-initial | inherit | initial | revert | unset | normal | break-word | break-all | keep-all)[]
The word-break
CSS property sets whether line breaks appear wherever the text would otherwise overflow its content box.
Syntax: normal | break-all | keep-all | break-word
Initial value: normal
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 15 | 3 | 12 | 5.5 |
see
https://developer.mozilla.org/docs/Web/CSS/word-break
Inherited from: CSS.PropertiesHyphenFallback.word-break
Defined in: node_modules/csstype/index.d.ts:13725
word-spacing
• Optional
word-spacing: string | string & {} | (undefined | string | string & {})[]
The word-spacing
CSS property sets the length of space between words and between tags.
Syntax: normal | <length-percentage>
Initial value: normal
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 6 |
see
https://developer.mozilla.org/docs/Web/CSS/word-spacing
Inherited from: CSS.PropertiesHyphenFallback.word-spacing
Defined in: node_modules/csstype/index.d.ts:13739
word-wrap
• Optional
word-wrap: -moz-initial | inherit | initial | revert | unset | normal | break-word | (undefined | -moz-initial | inherit | initial | revert | unset | normal | break-word)[]
The **overflow-wrap**
CSS property applies to inline elements, setting whether the browser should insert line breaks within an otherwise unbreakable string to prevent text from overflowing its line box.
Syntax: normal | break-word
Initial value: normal
Inherited from: CSS.PropertiesHyphenFallback.word-wrap
Defined in: node_modules/csstype/index.d.ts:13753
wordBreak
• Optional
wordBreak: -moz-initial | inherit | initial | revert | unset | normal | break-word | break-all | keep-all | (undefined | -moz-initial | inherit | initial | revert | unset | normal | break-word | break-all | keep-all)[]
The word-break
CSS property sets whether line breaks appear wherever the text would otherwise overflow its content box.
Syntax: normal | break-all | keep-all | break-word
Initial value: normal
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 15 | 3 | 12 | 5.5 |
see
https://developer.mozilla.org/docs/Web/CSS/word-break
Inherited from: CSS.PropertiesFallback.wordBreak
Defined in: node_modules/csstype/index.d.ts:5024
wordSpacing
• Optional
wordSpacing: string | string & {} | (undefined | string | string & {})[]
The word-spacing
CSS property sets the length of space between words and between tags.
Syntax: normal | <length-percentage>
Initial value: normal
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 6 |
see
https://developer.mozilla.org/docs/Web/CSS/word-spacing
Inherited from: CSS.PropertiesFallback.wordSpacing
Defined in: node_modules/csstype/index.d.ts:5038
wordWrap
• Optional
wordWrap: -moz-initial | inherit | initial | revert | unset | normal | break-word | (undefined | -moz-initial | inherit | initial | revert | unset | normal | break-word)[]
The **overflow-wrap**
CSS property applies to inline elements, setting whether the browser should insert line breaks within an otherwise unbreakable string to prevent text from overflowing its line box.
Syntax: normal | break-word
Initial value: normal
Inherited from: CSS.PropertiesFallback.wordWrap
Defined in: node_modules/csstype/index.d.ts:5046
writing-mode
• Optional
writing-mode: -moz-initial | inherit | initial | revert | unset | horizontal-tb | sideways-lr | sideways-rl | vertical-lr | vertical-rl | (undefined | -moz-initial | inherit | initial | revert | unset | horizontal-tb | sideways-lr | sideways-rl | vertical-lr | vertical-rl)[]
The writing-mode
CSS property sets whether lines of text are laid out horizontally or vertically, as well as the direction in which blocks progress. When set for an entire document, it should be set on the root element (html
element for HTML documents).
Syntax: horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr
Initial value: horizontal-tb
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
48 | 41 | 10.1 | 12 | 9 |
8 -x- | 5.1 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/writing-mode
Inherited from: CSS.PropertiesHyphenFallback.writing-mode
Defined in: node_modules/csstype/index.d.ts:13761
writingMode
• Optional
writingMode: -moz-initial | inherit | initial | revert | unset | horizontal-tb | sideways-lr | sideways-rl | vertical-lr | vertical-rl | (undefined | -moz-initial | inherit | initial | revert | unset | horizontal-tb | sideways-lr | sideways-rl | vertical-lr | vertical-rl)[]
The writing-mode
CSS property sets whether lines of text are laid out horizontally or vertically, as well as the direction in which blocks progress. When set for an entire document, it should be set on the root element (html
element for HTML documents).
Syntax: horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr
Initial value: horizontal-tb
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
48 | 41 | 10.1 | 12 | 9 |
8 -x- | 5.1 -x- |
see
https://developer.mozilla.org/docs/Web/CSS/writing-mode
Inherited from: CSS.PropertiesFallback.writingMode
Defined in: node_modules/csstype/index.d.ts:5061
z-index
• Optional
z-index: -moz-initial | inherit | initial | revert | unset | auto | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | auto | number & {})[]
The z-index
CSS property sets the z-order of a positioned element and its descendants or flex items. Overlapping elements with a larger z-index cover those with a smaller one.
Syntax: auto | <integer>
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/z-index
Inherited from: CSS.PropertiesHyphenFallback.z-index
Defined in: node_modules/csstype/index.d.ts:13776
zIndex
• Optional
zIndex: -moz-initial | inherit | initial | revert | unset | auto | number & {} | (undefined | -moz-initial | inherit | initial | revert | unset | auto | number & {})[]
The z-index
CSS property sets the z-order of a positioned element and its descendants or flex items. Overlapping elements with a larger z-index cover those with a smaller one.
Syntax: auto | <integer>
Initial value: auto
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | 1 | 1 | 12 | 4 |
see
https://developer.mozilla.org/docs/Web/CSS/z-index
Inherited from: CSS.PropertiesFallback.zIndex
Defined in: node_modules/csstype/index.d.ts:5075
zoom
• Optional
zoom: -moz-initial | inherit | initial | revert | unset | normal | string & {} | number & {} | reset | (undefined | -moz-initial | inherit | initial | revert | unset | normal | string & {} | number & {} | reset)[]
The non-standard zoom
CSS property can be used to control the magnification level of an element. transform: scale()
should be used instead of this property, if possible. However, unlike CSS Transforms, zoom
affects the layout size of the element.
Syntax: normal | reset | <number> | <percentage>
Initial value: normal
Chrome | Firefox | Safari | Edge | IE |
---|---|---|---|---|
1 | No | 3.1 | 12 | 5.5 |
see
https://developer.mozilla.org/docs/Web/CSS/zoom
Inherited from: CSS.PropertiesFallback.zoom
Defined in: node_modules/csstype/index.d.ts:5089