csstype

export {}; export type PropertyValue<TValue> = TValue extends Array<infer AValue> ? Array<AValue extends infer TUnpacked & {} ? TUnpacked : AValue> : TValue extends infer TUnpacked & {} ? TUnpacked : TValue; export type Fallback<T> = { [P in keyof T]: T[P] | readonly NonNullable<T[P]>[] }; export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string & {}> { /** * This feature is not Baseline because it does not work in some of the most widely-used browsers. * * **Syntax**: `auto | <color>` * * **Initial value**: `auto` * * | Chrome | Firefox | Safari | Edge | IE | * | :----: | :-----: | :------: | :----: | :-: | * | **93** | **92** | **15.4** | **93** | No | * * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/accent-color */ accentColor?: Property.AccentColor | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015. * * **Syntax**: `normal | <baseline-position> | <content-distribution> | <overflow-position>? <content-position>` * * **Initial value**: `normal` * * | Chrome | Firefox | Safari | Edge | IE | * | :------: | :-----: | :-----: | :----: | :----: | * | **29** | **28** | **9** | **12** | **11** | * | 21 _-x-_ | | 7 _-x-_ | | | * * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/align-content */ alignContent?: Property.AlignContent | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015. * * **Syntax**: `normal | stretch | <baseline-position> | [ <overflow-position>? <self-position> ] | anchor-center` * * **Initial value**: `normal` * * | Chrome | Firefox | Safari | Edge | IE | * | :------: | :-----: | :-----: | :----: | :----: | * | **29** | **20** | **9** | **12** | **11** | * | 21 _-x-_ | | 7 _-x-_ | | | * * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/align-items */ alignItems?: Property.AlignItems | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015. * * **Syntax**: `auto | normal | stretch | <baseline-position> | <overflow-position>? <self-position> | anchor-center` * * **Initial value**: `auto` * * | Chrome | Firefox | Safari | Edge | IE | * | :------: | :-----: | :-----: | :----: | :----: | * | **29** | **20** | **9** | **12** | **10** | * | 21 _-x-_ | | 7 _-x-_ | | | * * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/align-self */ alignSelf?: Property.AlignSelf | undefined; /** * **Syntax**: `[ normal | <baseline-position> | <content-distribution> | <overflow-position>? <content-position> ]#` * * **Initial value**: `normal` */ alignTracks?: Property.AlignTracks | undefined; /** * This feature is not Baseline because it does not work in some of the most widely-used browsers. * * **Syntax**: `baseline | alphabetic | ideographic | middle | central | mathematical | text-before-edge | text-after-edge` * * **Initial value**: `baseline` * * | Chrome | Firefox | Safari | Edge | IE | * | :----: | :-----: | :-----: | :----: | :-: | * | **1** | No | **5.1** | **79** | No | * * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/alignment-baseline */ alignmentBaseline?: Property.AlignmentBaseline | undefined; /** * This feature is not Baseline because it does not work in some of the most widely-used browsers. * * **Syntax**: `none | <dashed-ident>#` * * **Initial value**: `none` * * | Chrome | Firefox | Safari | Edge | IE | * | :-----: | :---------: | :----: | :-----: | :-: | * | **125** | **preview** | **26** | **125** | No | * * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/anchor-name */ anchorName?: Property.AnchorName | undefined; /** * **Syntax**: `none | all | <dashed-ident>#` * * **Initial value**: `none` * * | Chrome | Firefox | Safari | Edge | IE | * | :-----: | :---------: | :----: | :-----: | :-: | * | **131** | **preview** | **26** | **131** | No | */ anchorScope?: Property.AnchorScope | undefined; /** * Since July 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers. * * **Syntax**: `<single-animation-composition>#` * * **Initial value**: `replace` * * | Chrome | Firefox | Safari | Edge | IE | * | :-----: | :-----: | :----: | :-----: | :-: | * | **112** | **115** | **16** | **112** | No | * * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/animation-composition */ animationComposition?: Property.AnimationComposition | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015. * * **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/Reference/Properties/animation-delay */ animationDelay?: Property.AnimationDelay<TTime> | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015. * * **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/Reference/Properties/animation-direction */ animationDirection?: Property.AnimationDirection | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015. * * **Syntax**: `[ auto | <time [0s,∞]> ]#` * * **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/Reference/Properties/animation-duration */ animationDuration?: Property.AnimationDuration<TTime> | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015. * * **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/Reference/Properties/animation-fill-mode */ animationFillMode?: Property.AnimationFillMode | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015. * * **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/Reference/Properties/animation-iteration-count */ animationIterationCount?: Property.AnimationIterationCount | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015. * * **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/Reference/Properties/animation-name */ animationName?: Property.AnimationName | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015. * * **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/Reference/Properties/animation-play-state */ animationPlayState?: Property.AnimationPlayState | undefined; /** * This feature is not Baseline because it does not work in some of the most widely-used browsers. * * **Syntax**: `[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#` * * **Initial value**: `normal` * * | Chrome | Firefox | Safari | Edge | IE | * | :-----: | :-----: | :----: | :-----: | :-: | * | **115** | No | **26** | **115** | No | * * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/animation-range-end */ animationRangeEnd?: Property.AnimationRangeEnd<TLength> | undefined; /** * This feature is not Baseline because it does not work in some of the most widely-used browsers. * * **Syntax**: `[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#` * * **Initial value**: `normal` * * | Chrome | Firefox | Safari | Edge | IE | * | :-----: | :-----: | :----: | :-----: | :-: | * | **115** | No | **26** | **115** | No | * * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/animation-range-start */ animationRangeStart?: Property.AnimationRangeStart<TLength> | undefined; /** * This feature is not Baseline because it does not work in some of the most widely-used browsers. * * **Syntax**: `<single-animation-timeline>#` * * **Initial value**: `auto` * * | Chrome | Firefox | Safari | Edge | IE | * | :-----: | :-----: | :----: | :-----: | :-: | * | **115** | No | **26** | **115** | No | * * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/animation-timeline */ animationTimeline?: Property.AnimationTimeline | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015. * * **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/Reference/Properties/animation-timing-function */ animationTimingFunction?: Property.AnimationTimingFunction | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2022. * * **Syntax**: `none | auto | <compat-auto> | <compat-special>` * * **Initial value**: `none` * * | Chrome | Firefox | Safari | Edge | IE | * | :-----: | :-----: | :------: | :------: | :-: | * | **84** | **80** | **15.4** | **84** | No | * | 1 _-x-_ | 1 _-x-_ | 3 _-x-_ | 12 _-x-_ | | * * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/appearance */ appearance?: Property.Appearance | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2021. * * **Syntax**: `auto || <ratio>` * * **Initial value**: `auto` * * | Chrome | Firefox | Safari | Edge | IE | * | :----: | :-----: | :----: | :----: | :-: | * | **88** | **89** | **15** | **88** | No | * * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/aspect-ratio */ aspectRatio?: Property.AspectRatio | undefined; /** * Since September 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers. * * **Syntax**: `none | <filter-value-list>` * * **Initial value**: `none` * * | Chrome | Firefox | Safari | Edge | IE | * | :----: | :-----: | :-----: | :----: | :-: | * | **76** | **103** | **18** | **79** | No | * | | | 9 _-x-_ | | | * * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/backdrop-filter */ backdropFilter?: Property.BackdropFilter | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2022. * * **Syntax**: `visible | hidden` * * **Initial value**: `visible` * * | Chrome | Firefox | Safari | Edge | IE | * | :------: | :------: | :-------: | :----: | :----: | * | **36** | **16** | **15.4** | **12** | **10** | * | 12 _-x-_ | 10 _-x-_ | 5.1 _-x-_ | | | * * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/backface-visibility */ backfaceVisibility?: Property.BackfaceVisibility | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. * * **Syntax**: `<attachment>#` * * **Initial value**: `scroll` * * | Chrome | Firefox | Safari | Edge | IE | * | :----: | :-----: | :----: | :----: | :---: | * | **1** | **1** | **1** | **12** | **4** | * * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/background-attachment */ backgroundAttachment?: Property.BackgroundAttachment | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020. * * **Syntax**: `<blend-mode>#` * * **Initial value**: `normal` * * | Chrome | Firefox | Safari | Edge | IE | * | :----: | :-----: | :----: | :----: | :-: | * | **35** | **30** | **8** | **79** | No | * * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/background-blend-mode */ backgroundBlendMode?: Property.BackgroundBlendMode | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. * * **Syntax**: `<bg-clip>#` * * **Initial value**: `border-box` * * | Chrome | Firefox | Safari | Edge | IE | * | :----: | :-----: | :-----: | :----: | :---: | * | **1** | **4** | **5** | **12** | **9** | * | | | 3 _-x-_ | | | * * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/background-clip */ backgroundClip?: Property.BackgroundClip | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. * * **Syntax**: `<color>` * * **Initial value**: `transparent` * * | Chrome | Firefox | Safari | Edge | IE | * | :----: | :-----: | :----: | :----: | :---: | * | **1** | **1** | **1** | **12** | **4** | * * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/background-color */ backgroundColor?: Property.BackgroundColor | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. * * **Syntax**: `<bg-image>#` * * **Initial value**: `none` * * | Chrome | Firefox | Safari | Edge | IE | * | :----: | :-----: | :----: | :----: | :---: | * | **1** | **1** | **1** | **12** | **4** | * * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/background-image */ backgroundImage?: Property.BackgroundImage | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. * * **Syntax**: `<visual-box>#` * * **Initial value**: `padding-box` * * | Chrome | Firefox | Safari | Edge | IE | * | :----: | :-----: | :----: | :----: | :---: | * | **1** | **4** | **3** | **12** | **9** | * * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/background-origin */ backgroundOrigin?: Property.BackgroundOrigin | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2016. * * **Syntax**: `[ center | [ [ left | right | x-start | x-end ]? <length-percentage>? ]! ]#` * * **Initial value**: `0%` * * | Chrome | Firefox | Safari | Edge | IE | * | :----: | :-----: | :----: | :----: | :---: | * | **1** | **49** | **1** | **12** | **6** | * * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/background-position-x */ backgroundPositionX?: Property.BackgroundPositionX<TLength> | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2016. * * **Syntax**: `[ center | [ [ top | bottom | y-start | y-end ]? <length-percentage>? ]! ]#` * * **Initial value**: `0%` * * | Chrome | Firefox | Safari | Edge | IE | * | :----: | :-----: | :----: | :----: | :---: | * | **1** | **49** | **1** | **12** | **6** | * * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/background-position-y */ backgroundPositionY?: Property.BackgroundPositionY<TLength> | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. * * **Syntax**: `<repeat-style>#` * * **Initial value**: `repeat` * * | Chrome | Firefox | Safari | Edge | IE | * | :----: | :-----: | :----: | :----: | :---: | * | **1** | **1** | **1** | **12** | **4** | * * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/background-repeat */ backgroundRepeat?: Property.BackgroundRepeat | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. * * **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/Reference/Properties/background-size */ backgroundSize?: Property.BackgroundSize<TLength> | undefined; /** * **Syntax**: `<length-percentage> | sub | super | baseline` * * **Initial value**: `0` * * | Chrome | Firefox | Safari | Edge | IE | * | :----: | :-----: | :----: | :----: | :-: | * | **1** | No | **4** | **79** | No | */ baselineShift?: Property.BaselineShift<TLength> | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020. * * **Syntax**: `<'width'>` * * **Initial value**: `auto` * * | Chrome | Firefox | Safari | Edge | IE | * | :--------------------------: | :-----: | :----------------------------: | :----: | :-: | * | **57** | **41** | **12.1** | **79** | No | * | 8 _(-webkit-logical-height)_ | | 5.1 _(-webkit-logical-height)_ | | | * * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/block-size */ blockSize?: Property.BlockSize<TLength> | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020. * * **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/Reference/Properties/border-block-end-color */ borderBlockEndColor?: Property.BorderBlockEndColor | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020. * * **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/Reference/Properties/border-block-end-style */ borderBlockEndStyle?: Property.BorderBlockEndStyle | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020. * * **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/Reference/Properties/border-block-end-width */ borderBlockEndWidth?: Property.BorderBlockEndWidth<TLength> | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020. * * **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/Reference/Properties/border-block-start-color */ borderBlockStartColor?: Property.BorderBlockStartColor | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020. * * **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/Reference/Properties/border-block-start-style */ borderBlockStartStyle?: Property.BorderBlockStartStyle | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020. * * **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/Reference/Properties/border-block-start-width */ borderBlockStartWidth?: Property.BorderBlockStartWidth<TLength> | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. * * **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/Reference/Properties/border-bottom-color */ borderBottomColor?: Property.BorderBottomColor | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. * * **Syntax**: `<length-percentage [0,∞]>{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/Reference/Properties/border-bottom-left-radius */ borderBottomLeftRadius?: Property.BorderBottomLeftRadius<TLength> | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. * * **Syntax**: `<length-percentage [0,∞]>{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/Reference/Properties/border-bottom-right-radius */ borderBottomRightRadius?: Property.BorderBottomRightRadius<TLength> | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. * * **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/Reference/Properties/border-bottom-style */ borderBottomStyle?: Property.BorderBottomStyle | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. * * **Syntax**: `<line-width>` * * **Initial value**: `medium` * * | Chrome | Firefox | Safari | Edge | IE | * | :----: | :-----: | :----: | :----: | :---: | * | **1** | **1** | **1** | **12** | **4** | * * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-bottom-width */ borderBottomWidth?: Property.BorderBottomWidth<TLength> | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. * * **Syntax**: `separate | collapse` * * **Initial value**: `separate` * * | Chrome | Firefox | Safari | Edge | IE | * | :----: | :-----: | :-----: | :----: | :---: | * | **1** | **1** | **1.1** | **12** | **5** | * * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-collapse */ borderCollapse?: Property.BorderCollapse | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2021. * * **Syntax**: `<'border-top-left-radius'>` * * **Initial value**: `0` * * | Chrome | Firefox | Safari | Edge | IE | * | :----: | :-----: | :----: | :----: | :-: | * | **89** | **66** | **15** | **89** | No | * * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-end-end-radius */ borderEndEndRadius?: Property.BorderEndEndRadius<TLength> | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2021. * * **Syntax**: `<'border-top-left-radius'>` * * **Initial value**: `0` * * | Chrome | Firefox | Safari | Edge | IE | * | :----: | :-----: | :----: | :----: | :-: | * | **89** | **66** | **15** | **89** | No | * * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-end-start-radius */ borderEndStartRadius?: Property.BorderEndStartRadius<TLength> | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. * * **Syntax**: `[ <length [0,∞]> | <number [0,∞]> ]{1,4} ` * * **Initial value**: `0` * * | Chrome | Firefox | Safari | Edge | IE | * | :----: | :-----: | :----: | :----: | :----: | * | **15** | **15** | **6** | **12** | **11** | * * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-image-outset */ borderImageOutset?: Property.BorderImageOutset<TLength> | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2016. * * **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/Reference/Properties/border-image-repeat */ borderImageRepeat?: Property.BorderImageRepeat | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. * * **Syntax**: `[ <number [0,∞]> | <percentage [0,∞]> ]{1,4} && fill?` * * **Initial value**: `100%` * * | Chrome | Firefox | Safari | Edge | IE | * | :----: | :-----: | :----: | :----: | :----: | * | **15** | **15** | **6** | **12** | **11** | * * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-image-slice */ borderImageSlice?: Property.BorderImageSlice | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. * * **Syntax**: `none | <image>` * * **Initial value**: `none` * * | Chrome | Firefox | Safari | Edge | IE | * | :----: | :-----: | :----: | :----: | :----: | * | **15** | **15** | **6** | **12** | **11** | * * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-image-source */ borderImageSource?: Property.BorderImageSource | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. * * **Syntax**: `[ <length-percentage [0,∞]> | <number [0,∞]> | auto ]{1,4}` * * **Initial value**: `1` * * | Chrome | Firefox | Safari | Edge | IE | * | :----: | :-----: | :----: | :----: | :----: | * | **16** | **13** | **6** | **12** | **11** | * * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-image-width */ borderImageWidth?: Property.BorderImageWidth<TLength> | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020. * * **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/Reference/Properties/border-inline-end-color */ borderInlineEndColor?: Property.BorderInlineEndColor | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020. * * **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/Reference/Properties/border-inline-end-style */ borderInlineEndStyle?: Property.BorderInlineEndStyle | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020. * * **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/Reference/Properties/border-inline-end-width */ borderInlineEndWidth?: Property.BorderInlineEndWidth<TLength> | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020. * * **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/Reference/Properties/border-inline-start-color */ borderInlineStartColor?: Property.BorderInlineStartColor | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020. * * **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/Reference/Properties/border-inline-start-style */ borderInlineStartStyle?: Property.BorderInlineStartStyle | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020. * * **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/Reference/Properties/border-inline-start-width */ borderInlineStartWidth?: Property.BorderInlineStartWidth<TLength> | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. * * **Syntax**: `<color>` * * **Initial value**: `currentcolor` * * | Chrome | Firefox | Safari | Edge | IE | * | :----: | :-----: | :----: | :----: | :---: | * | **1** | **1** | **1** | **12** | **4** | * * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-left-color */ borderLeftColor?: Property.BorderLeftColor | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. * * **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/Reference/Properties/border-left-style */ borderLeftStyle?: Property.BorderLeftStyle | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. * * **Syntax**: `<line-width>` * * **Initial value**: `medium` * * | Chrome | Firefox | Safari | Edge | IE | * | :----: | :-----: | :----: | :----: | :---: | * | **1** | **1** | **1** | **12** | **4** | * * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-left-width */ borderLeftWidth?: Property.BorderLeftWidth<TLength> | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. * * **Syntax**: `<color>` * * **Initial value**: `currentcolor` * * | Chrome | Firefox | Safari | Edge | IE | * | :----: | :-----: | :----: | :----: | :---: | * | **1** | **1** | **1** | **12** | **4** | * * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-right-color */ borderRightColor?: Property.BorderRightColor | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. * * **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/Reference/Properties/border-right-style */ borderRightStyle?: Property.BorderRightStyle | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. * * **Syntax**: `<line-width>` * * **Initial value**: `medium` * * | Chrome | Firefox | Safari | Edge | IE | * | :----: | :-----: | :----: | :----: | :---: | * | **1** | **1** | **1** | **12** | **4** | * * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-right-width */ borderRightWidth?: Property.BorderRightWidth<TLength> | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. * * **Syntax**: `<length>{1,2}` * * **Initial value**: `0` * * | Chrome | Firefox | Safari | Edge | IE | * | :----: | :-----: | :----: | :----: | :---: | * | **1** | **1** | **1** | **12** | **8** | * * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-spacing */ borderSpacing?: Property.BorderSpacing<TLength> | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2021. * * **Syntax**: `<'border-top-left-radius'>` * * **Initial value**: `0` * * | Chrome | Firefox | Safari | Edge | IE | * | :----: | :-----: | :----: | :----: | :-: | * | **89** | **66** | **15** | **89** | No | * * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-start-end-radius */ borderStartEndRadius?: Property.BorderStartEndRadius<TLength> | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2021. * * **Syntax**: `<'border-top-left-radius'>` * * **Initial value**: `0` * * | Chrome | Firefox | Safari | Edge | IE | * | :----: | :-----: | :----: | :----: | :-: | * | **89** | **66** | **15** | **89** | No | * * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-start-start-radius */ borderStartStartRadius?: Property.BorderStartStartRadius<TLength> | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. * * **Syntax**: `<color>` * * **Initial value**: `currentcolor` * * | Chrome | Firefox | Safari | Edge | IE | * | :----: | :-----: | :----: | :----: | :---: | * | **1** | **1** | **1** | **12** | **4** | * * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-top-color */ borderTopColor?: Property.BorderTopColor | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. * * **Syntax**: `<length-percentage [0,∞]>{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/Reference/Properties/border-top-left-radius */ borderTopLeftRadius?: Property.BorderTopLeftRadius<TLength> | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. * * **Syntax**: `<length-percentage [0,∞]>{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/Reference/Properties/border-top-right-radius */ borderTopRightRadius?: Property.BorderTopRightRadius<TLength> | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. * * **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/Reference/Properties/border-top-style */ borderTopStyle?: Property.BorderTopStyle | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. * * **Syntax**: `<line-width>` * * **Initial value**: `medium` * * | Chrome | Firefox | Safari | Edge | IE | * | :----: | :-----: | :----: | :----: | :---: | * | **1** | **1** | **1** | **12** | **4** | * * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-top-width */ borderTopWidth?: Property.BorderTopWidth<TLength> | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. * * **Syntax**: `auto | <length-percentage> | <anchor()> | <anchor-size()>` * * **Initial value**: `auto` * * | Chrome | Firefox | Safari | Edge | IE | * | :----: | :-----: | :----: | :----: | :---: | * | **1** | **1** | **1** | **12** | **5** | * * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/bottom */ bottom?: Property.Bottom<TLength> | undefined; /** * This feature is not Baseline because it does not work in some of the most widely-used browsers. * * **Syntax**: `slice | clone` * * **Initial value**: `slice` * * | Chrome | Firefox | Safari | Edge | IE | * | :------: | :-----: | :---------: | :------: | :-: | * | **130** | **32** | **7** _-x-_ | **130** | No | * | 22 _-x-_ | | | 79 _-x-_ | | * * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/box-decoration-break */ boxDecorationBreak?: Property.BoxDecorationBreak | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. * * **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/Reference/Properties/box-shadow */ boxShadow?: Property.BoxShadow | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. * * **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/Reference/Properties/box-sizing */ boxSizing?: Property.BoxSizing | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2019. * * **Syntax**: `auto | avoid | always | all | avoid-page | page | left | right | recto | verso | avoid-column | column | avoid-region | region` * * **Initial value**: `auto` * * | Chrome | Firefox | Safari | Edge | IE | * | :----: | :-----: | :----: | :----: | :----: | * | **50** | **65** | **10** | **12** | **10** | * * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/break-after */ breakAfter?: Property.BreakAfter | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2019. * * **Syntax**: `auto | avoid | always | all | avoid-page | page | left | right | recto | verso | avoid-column | column | avoid-region | region` * * **Initial value**: `auto` * * | Chrome | Firefox | Safari | Edge | IE | * | :----: | :-----: | :----: | :----: | :----: | * | **50** | **65** | **10** | **12** | **10** | * * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/break-before */ breakBefore?: Property.BreakBefore | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2019. * * **Syntax**: `auto | avoid | avoid-page | avoid-column | avoid-region` * * **Initial value**: `auto` * * | Chrome | Firefox | Safari | Edge | IE | * | :----: | :-----: | :----: | :----: | :----: | * | **50** | **65** | **10** | **12** | **10** | * * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/break-inside */ breakInside?: Property.BreakInside | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. * * **Syntax**: `top | bottom` * * **Initial value**: `top` * * | Chrome | Firefox | Safari | Edge | IE | * | :----: | :-----: | :----: | :----: | :---: | * | **1** | **1** | **1** | **12** | **8** | * * @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/caption-side */ captionSide?: Property.CaptionSide | undefined; /** * This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020. * * **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/Reference/Properties/caret-color */ caretColor?: Property.CaretColor | undefined; /** * **Syntax**: `auto | bar | block | underscore` * * **Initial value**: `auto` * * | Chrome | Firefox | Safari | Edge | IE | * | :----: | :-----: | :----: | :--: | :-: | * | No | No | No | No | No | * * @see https://de