csstype
- Version 3.2.3
- Published
- 1.25 MB
- No dependencies
- MIT license
Install
npm i csstypeyarn add csstypepnpm add csstypeOverview
Strict TypeScript and Flow types for style based on MDN data
Index
Interfaces
ObsoleteProperties
- boxAlign
- boxDirection
- boxFlex
- boxFlexGroup
- boxLines
- boxOrdinalGroup
- boxOrient
- boxPack
- clip
- fontStretch
- gridColumnGap
- gridGap
- gridRowGap
- imeMode
- insetArea
- KhtmlBoxAlign
- KhtmlBoxDirection
- KhtmlBoxFlex
- KhtmlBoxFlexGroup
- KhtmlBoxLines
- KhtmlBoxOrdinalGroup
- KhtmlBoxOrient
- KhtmlBoxPack
- KhtmlLineBreak
- KhtmlOpacity
- KhtmlUserSelect
- MozBackgroundClip
- MozBackgroundOrigin
- MozBackgroundSize
- MozBorderRadius
- MozBorderRadiusBottomleft
- MozBorderRadiusBottomright
- MozBorderRadiusTopleft
- MozBorderRadiusTopright
- MozBoxAlign
- MozBoxDirection
- MozBoxFlex
- MozBoxOrdinalGroup
- MozBoxOrient
- MozBoxPack
- MozBoxShadow
- MozColumnCount
- MozColumnFill
- MozFloatEdge
- MozForceBrokenImageIcon
- MozOpacity
- MozOutline
- MozOutlineColor
- MozOutlineStyle
- MozOutlineWidth
- MozTextAlignLast
- MozTextDecorationColor
- MozTextDecorationLine
- MozTextDecorationStyle
- MozTransitionDelay
- MozTransitionDuration
- MozTransitionProperty
- MozTransitionTimingFunction
- MozUserFocus
- MozUserInput
- msImeMode
- OAnimation
- OAnimationDelay
- OAnimationDirection
- OAnimationDuration
- OAnimationFillMode
- OAnimationIterationCount
- OAnimationName
- OAnimationPlayState
- OAnimationTimingFunction
- OBackgroundSize
- OBorderImage
- offsetBlock
- offsetBlockEnd
- offsetBlockStart
- offsetInline
- offsetInlineEnd
- offsetInlineStart
- OObjectFit
- OObjectPosition
- OTabSize
- OTextOverflow
- OTransform
- OTransformOrigin
- OTransition
- OTransitionDelay
- OTransitionDuration
- OTransitionProperty
- OTransitionTimingFunction
- pageBreakAfter
- pageBreakBefore
- pageBreakInside
- positionTryOptions
- scrollSnapCoordinate
- scrollSnapDestination
- scrollSnapPointsX
- scrollSnapPointsY
- scrollSnapTypeX
- scrollSnapTypeY
- WebkitBoxAlign
- WebkitBoxDirection
- WebkitBoxFlex
- WebkitBoxFlexGroup
- WebkitBoxLines
- WebkitBoxOrdinalGroup
- WebkitBoxOrient
- WebkitBoxPack
ObsoletePropertiesHyphen
- "-khtml-box-align"
- "-khtml-box-direction"
- "-khtml-box-flex-group"
- "-khtml-box-flex"
- "-khtml-box-lines"
- "-khtml-box-ordinal-group"
- "-khtml-box-orient"
- "-khtml-box-pack"
- "-khtml-line-break"
- "-khtml-opacity"
- "-khtml-user-select"
- "-moz-background-clip"
- "-moz-background-origin"
- "-moz-background-size"
- "-moz-border-radius-bottomleft"
- "-moz-border-radius-bottomright"
- "-moz-border-radius-topleft"
- "-moz-border-radius-topright"
- "-moz-border-radius"
- "-moz-box-align"
- "-moz-box-direction"
- "-moz-box-flex"
- "-moz-box-ordinal-group"
- "-moz-box-orient"
- "-moz-box-pack"
- "-moz-box-shadow"
- "-moz-column-count"
- "-moz-column-fill"
- "-moz-float-edge"
- "-moz-force-broken-image-icon"
- "-moz-opacity"
- "-moz-outline-color"
- "-moz-outline-style"
- "-moz-outline-width"
- "-moz-outline"
- "-moz-text-align-last"
- "-moz-text-decoration-color"
- "-moz-text-decoration-line"
- "-moz-text-decoration-style"
- "-moz-transition-delay"
- "-moz-transition-duration"
- "-moz-transition-property"
- "-moz-transition-timing-function"
- "-moz-user-focus"
- "-moz-user-input"
- "-ms-ime-mode"
- "-o-animation-delay"
- "-o-animation-direction"
- "-o-animation-duration"
- "-o-animation-fill-mode"
- "-o-animation-iteration-count"
- "-o-animation-name"
- "-o-animation-play-state"
- "-o-animation-timing-function"
- "-o-animation"
- "-o-background-size"
- "-o-border-image"
- "-o-object-fit"
- "-o-object-position"
- "-o-tab-size"
- "-o-text-overflow"
- "-o-transform-origin"
- "-o-transform"
- "-o-transition-delay"
- "-o-transition-duration"
- "-o-transition-property"
- "-o-transition-timing-function"
- "-o-transition"
- "-webkit-box-align"
- "-webkit-box-direction"
- "-webkit-box-flex-group"
- "-webkit-box-flex"
- "-webkit-box-lines"
- "-webkit-box-ordinal-group"
- "-webkit-box-orient"
- "-webkit-box-pack"
- "box-align"
- "box-direction"
- "box-flex-group"
- "box-flex"
- "box-lines"
- "box-ordinal-group"
- "box-orient"
- "box-pack"
- "font-stretch"
- "grid-column-gap"
- "grid-gap"
- "grid-row-gap"
- "ime-mode"
- "inset-area"
- "offset-block-end"
- "offset-block-start"
- "offset-block"
- "offset-inline-end"
- "offset-inline-start"
- "offset-inline"
- "page-break-after"
- "page-break-before"
- "page-break-inside"
- "position-try-options"
- "scroll-snap-coordinate"
- "scroll-snap-destination"
- "scroll-snap-points-x"
- "scroll-snap-points-y"
- "scroll-snap-type-x"
- "scroll-snap-type-y"
- clip
StandardLonghandProperties
- accentColor
- alignContent
- alignItems
- alignmentBaseline
- alignSelf
- alignTracks
- anchorName
- anchorScope
- animationComposition
- animationDelay
- animationDirection
- animationDuration
- animationFillMode
- animationIterationCount
- animationName
- animationPlayState
- animationRangeEnd
- animationRangeStart
- animationTimeline
- animationTimingFunction
- appearance
- aspectRatio
- backdropFilter
- backfaceVisibility
- backgroundAttachment
- backgroundBlendMode
- backgroundClip
- backgroundColor
- backgroundImage
- backgroundOrigin
- backgroundPositionX
- backgroundPositionY
- backgroundRepeat
- backgroundSize
- baselineShift
- blockSize
- borderBlockEndColor
- borderBlockEndStyle
- borderBlockEndWidth
- borderBlockStartColor
- borderBlockStartStyle
- borderBlockStartWidth
- borderBottomColor
- borderBottomLeftRadius
- borderBottomRightRadius
- borderBottomStyle
- borderBottomWidth
- borderCollapse
- borderEndEndRadius
- borderEndStartRadius
- borderImageOutset
- borderImageRepeat
- borderImageSlice
- borderImageSource
- borderImageWidth
- borderInlineEndColor
- borderInlineEndStyle
- borderInlineEndWidth
- borderInlineStartColor
- borderInlineStartStyle
- borderInlineStartWidth
- borderLeftColor
- borderLeftStyle
- borderLeftWidth
- borderRightColor
- borderRightStyle
- borderRightWidth
- borderSpacing
- borderStartEndRadius
- borderStartStartRadius
- borderTopColor
- borderTopLeftRadius
- borderTopRightRadius
- borderTopStyle
- borderTopWidth
- bottom
- boxDecorationBreak
- boxShadow
- boxSizing
- breakAfter
- breakBefore
- breakInside
- captionSide
- caretColor
- caretShape
- clear
- clipPath
- clipRule
- color
- colorAdjust
- colorInterpolationFilters
- colorScheme
- columnCount
- columnFill
- columnGap
- columnRuleColor
- columnRuleStyle
- columnRuleWidth
- columnSpan
- columnWidth
- contain
- containerName
- containerType
- containIntrinsicBlockSize
- containIntrinsicHeight
- containIntrinsicInlineSize
- containIntrinsicWidth
- content
- contentVisibility
- counterIncrement
- counterReset
- counterSet
- cursor
- cx
- cy
- d
- direction
- display
- dominantBaseline
- emptyCells
- fieldSizing
- fill
- fillOpacity
- fillRule
- filter
- flexBasis
- flexDirection
- flexGrow
- flexShrink
- flexWrap
- float
- floodColor
- floodOpacity
- fontFamily
- fontFeatureSettings
- fontKerning
- fontLanguageOverride
- fontOpticalSizing
- fontPalette
- fontSize
- fontSizeAdjust
- fontSmooth
- fontStyle
- fontSynthesis
- fontSynthesisPosition
- fontSynthesisSmallCaps
- fontSynthesisStyle
- fontSynthesisWeight
- fontVariant
- fontVariantAlternates
- fontVariantCaps
- fontVariantEastAsian
- fontVariantEmoji
- fontVariantLigatures
- fontVariantNumeric
- fontVariantPosition
- fontVariationSettings
- fontWeight
- fontWidth
- forcedColorAdjust
- gridAutoColumns
- gridAutoFlow
- gridAutoRows
- gridColumnEnd
- gridColumnStart
- gridRowEnd
- gridRowStart
- gridTemplateAreas
- gridTemplateColumns
- gridTemplateRows
- hangingPunctuation
- height
- hyphenateCharacter
- hyphenateLimitChars
- hyphens
- imageOrientation
- imageRendering
- imageResolution
- initialLetter
- initialLetterAlign
- inlineSize
- insetBlockEnd
- insetBlockStart
- insetInlineEnd
- insetInlineStart
- interpolateSize
- isolation
- justifyContent
- justifyItems
- justifySelf
- justifyTracks
- left
- letterSpacing
- lightingColor
- lineBreak
- lineHeight
- lineHeightStep
- listStyleImage
- listStylePosition
- listStyleType
- marginBlockEnd
- marginBlockStart
- marginBottom
- marginInlineEnd
- marginInlineStart
- marginLeft
- marginRight
- marginTop
- marginTrim
- marker
- markerEnd
- markerMid
- markerStart
- maskBorderMode
- maskBorderOutset
- maskBorderRepeat
- maskBorderSlice
- maskBorderSource
- maskBorderWidth
- maskClip
- maskComposite
- maskImage
- maskMode
- maskOrigin
- maskPosition
- maskRepeat
- maskSize
- maskType
- masonryAutoFlow
- mathDepth
- mathShift
- mathStyle
- maxBlockSize
- maxHeight
- maxInlineSize
- maxLines
- maxWidth
- minBlockSize
- minHeight
- minInlineSize
- minWidth
- mixBlendMode
- motionDistance
- motionPath
- motionRotation
- objectFit
- objectPosition
- objectViewBox
- offsetAnchor
- offsetDistance
- offsetPath
- offsetPosition
- offsetRotate
- offsetRotation
- opacity
- order
- orphans
- outlineColor
- outlineOffset
- outlineStyle
- outlineWidth
- overflowAnchor
- overflowBlock
- overflowClipBox
- overflowClipMargin
- overflowInline
- overflowWrap
- overflowX
- overflowY
- overlay
- overscrollBehaviorBlock
- overscrollBehaviorInline
- overscrollBehaviorX
- overscrollBehaviorY
- paddingBlockEnd
- paddingBlockStart
- paddingBottom
- paddingInlineEnd
- paddingInlineStart
- paddingLeft
- paddingRight
- paddingTop
- page
- paintOrder
- perspective
- perspectiveOrigin
- pointerEvents
- position
- positionAnchor
- positionArea
- positionTryFallbacks
- positionTryOrder
- positionVisibility
- printColorAdjust
- quotes
- r
- resize
- right
- rotate
- rowGap
- rubyAlign
- rubyMerge
- rubyOverhang
- rubyPosition
- rx
- ry
- scale
- scrollbarColor
- scrollbarGutter
- scrollbarWidth
- scrollBehavior
- scrollInitialTarget
- scrollMarginBlockEnd
- scrollMarginBlockStart
- scrollMarginBottom
- scrollMarginInlineEnd
- scrollMarginInlineStart
- scrollMarginLeft
- scrollMarginRight
- scrollMarginTop
- scrollPaddingBlockEnd
- scrollPaddingBlockStart
- scrollPaddingBottom
- scrollPaddingInlineEnd
- scrollPaddingInlineStart
- scrollPaddingLeft
- scrollPaddingRight
- scrollPaddingTop
- scrollSnapAlign
- scrollSnapMarginBottom
- scrollSnapMarginLeft
- scrollSnapMarginRight
- scrollSnapMarginTop
- scrollSnapStop
- scrollSnapType
- scrollTimelineAxis
- scrollTimelineName
- shapeImageThreshold
- shapeMargin
- shapeOutside
- shapeRendering
- speakAs
- stopColor
- stopOpacity
- stroke
- strokeColor
- strokeDasharray
- strokeDashoffset
- strokeLinecap
- strokeLinejoin
- strokeMiterlimit
- strokeOpacity
- strokeWidth
- tableLayout
- tabSize
- textAlign
- textAlignLast
- textAnchor
- textAutospace
- textBox
- textBoxEdge
- textBoxTrim
- textCombineUpright
- textDecorationColor
- textDecorationLine
- textDecorationSkip
- textDecorationSkipInk
- textDecorationStyle
- textDecorationThickness
- textEmphasisColor
- textEmphasisPosition
- textEmphasisStyle
- textIndent
- textJustify
- textOrientation
- textOverflow
- textRendering
- textShadow
- textSizeAdjust
- textSpacingTrim
- textTransform
- textUnderlineOffset
- textUnderlinePosition
- textWrapMode
- textWrapStyle
- timelineScope
- top
- touchAction
- transform
- transformBox
- transformOrigin
- transformStyle
- transitionBehavior
- transitionDelay
- transitionDuration
- transitionProperty
- transitionTimingFunction
- translate
- unicodeBidi
- userSelect
- vectorEffect
- verticalAlign
- viewTimelineAxis
- viewTimelineInset
- viewTimelineName
- viewTransitionClass
- viewTransitionName
- visibility
- whiteSpace
- whiteSpaceCollapse
- widows
- width
- willChange
- wordBreak
- wordSpacing
- wordWrap
- writingMode
- x
- y
- zIndex
- zoom
StandardLonghandPropertiesHyphen
- "accent-color"
- "align-content"
- "align-items"
- "align-self"
- "align-tracks"
- "alignment-baseline"
- "anchor-name"
- "anchor-scope"
- "animation-composition"
- "animation-delay"
- "animation-direction"
- "animation-duration"
- "animation-fill-mode"
- "animation-iteration-count"
- "animation-name"
- "animation-play-state"
- "animation-range-end"
- "animation-range-start"
- "animation-timeline"
- "animation-timing-function"
- "aspect-ratio"
- "backdrop-filter"
- "backface-visibility"
- "background-attachment"
- "background-blend-mode"
- "background-clip"
- "background-color"
- "background-image"
- "background-origin"
- "background-position-x"
- "background-position-y"
- "background-repeat"
- "background-size"
- "baseline-shift"
- "block-size"
- "border-block-end-color"
- "border-block-end-style"
- "border-block-end-width"
- "border-block-start-color"
- "border-block-start-style"
- "border-block-start-width"
- "border-bottom-color"
- "border-bottom-left-radius"
- "border-bottom-right-radius"
- "border-bottom-style"
- "border-bottom-width"
- "border-collapse"
- "border-end-end-radius"
- "border-end-start-radius"
- "border-image-outset"
- "border-image-repeat"
- "border-image-slice"
- "border-image-source"
- "border-image-width"
- "border-inline-end-color"
- "border-inline-end-style"
- "border-inline-end-width"
- "border-inline-start-color"
- "border-inline-start-style"
- "border-inline-start-width"
- "border-left-color"
- "border-left-style"
- "border-left-width"
- "border-right-color"
- "border-right-style"
- "border-right-width"
- "border-spacing"
- "border-start-end-radius"
- "border-start-start-radius"
- "border-top-color"
- "border-top-left-radius"
- "border-top-right-radius"
- "border-top-style"
- "border-top-width"
- "box-decoration-break"
- "box-shadow"
- "box-sizing"
- "break-after"
- "break-before"
- "break-inside"
- "caption-side"
- "caret-color"
- "caret-shape"
- "clip-path"
- "clip-rule"
- "color-adjust"
- "color-interpolation-filters"
- "color-scheme"
- "column-count"
- "column-fill"
- "column-gap"
- "column-rule-color"
- "column-rule-style"
- "column-rule-width"
- "column-span"
- "column-width"
- "contain-intrinsic-block-size"
- "contain-intrinsic-height"
- "contain-intrinsic-inline-size"
- "contain-intrinsic-width"
- "container-name"
- "container-type"
- "content-visibility"
- "counter-increment"
- "counter-reset"
- "counter-set"
- "dominant-baseline"
- "empty-cells"
- "field-sizing"
- "fill-opacity"
- "fill-rule"
- "flex-basis"
- "flex-direction"
- "flex-grow"
- "flex-shrink"
- "flex-wrap"
- "flood-color"
- "flood-opacity"
- "font-family"
- "font-feature-settings"
- "font-kerning"
- "font-language-override"
- "font-optical-sizing"
- "font-palette"
- "font-size-adjust"
- "font-size"
- "font-smooth"
- "font-style"
- "font-synthesis-position"
- "font-synthesis-small-caps"
- "font-synthesis-style"
- "font-synthesis-weight"
- "font-synthesis"
- "font-variant-alternates"
- "font-variant-caps"
- "font-variant-east-asian"
- "font-variant-emoji"
- "font-variant-ligatures"
- "font-variant-numeric"
- "font-variant-position"
- "font-variant"
- "font-variation-settings"
- "font-weight"
- "font-width"
- "forced-color-adjust"
- "grid-auto-columns"
- "grid-auto-flow"
- "grid-auto-rows"
- "grid-column-end"
- "grid-column-start"
- "grid-row-end"
- "grid-row-start"
- "grid-template-areas"
- "grid-template-columns"
- "grid-template-rows"
- "hanging-punctuation"
- "hyphenate-character"
- "hyphenate-limit-chars"
- "image-orientation"
- "image-rendering"
- "image-resolution"
- "initial-letter-align"
- "initial-letter"
- "inline-size"
- "inset-block-end"
- "inset-block-start"
- "inset-inline-end"
- "inset-inline-start"
- "interpolate-size"
- "justify-content"
- "justify-items"
- "justify-self"
- "justify-tracks"
- "letter-spacing"
- "lighting-color"
- "line-break"
- "line-height-step"
- "line-height"
- "list-style-image"
- "list-style-position"
- "list-style-type"
- "margin-block-end"
- "margin-block-start"
- "margin-bottom"
- "margin-inline-end"
- "margin-inline-start"
- "margin-left"
- "margin-right"
- "margin-top"
- "margin-trim"
- "marker-end"
- "marker-mid"
- "marker-start"
- "mask-border-mode"
- "mask-border-outset"
- "mask-border-repeat"
- "mask-border-slice"
- "mask-border-source"
- "mask-border-width"
- "mask-clip"
- "mask-composite"
- "mask-image"
- "mask-mode"
- "mask-origin"
- "mask-position"
- "mask-repeat"
- "mask-size"
- "mask-type"
- "masonry-auto-flow"
- "math-depth"
- "math-shift"
- "math-style"
- "max-block-size"
- "max-height"
- "max-inline-size"
- "max-lines"
- "max-width"
- "min-block-size"
- "min-height"
- "min-inline-size"
- "min-width"
- "mix-blend-mode"
- "motion-distance"
- "motion-path"
- "motion-rotation"
- "object-fit"
- "object-position"
- "object-view-box"
- "offset-anchor"
- "offset-distance"
- "offset-path"
- "offset-position"
- "offset-rotate"
- "offset-rotation"
- "outline-color"
- "outline-offset"
- "outline-style"
- "outline-width"
- "overflow-anchor"
- "overflow-block"
- "overflow-clip-box"
- "overflow-clip-margin"
- "overflow-inline"
- "overflow-wrap"
- "overflow-x"
- "overflow-y"
- "overscroll-behavior-block"
- "overscroll-behavior-inline"
- "overscroll-behavior-x"
- "overscroll-behavior-y"
- "padding-block-end"
- "padding-block-start"
- "padding-bottom"
- "padding-inline-end"
- "padding-inline-start"
- "padding-left"
- "padding-right"
- "padding-top"
- "paint-order"
- "perspective-origin"
- "pointer-events"
- "position-anchor"
- "position-area"
- "position-try-fallbacks"
- "position-try-order"
- "position-visibility"
- "print-color-adjust"
- "row-gap"
- "ruby-align"
- "ruby-merge"
- "ruby-overhang"
- "ruby-position"
- "scroll-behavior"
- "scroll-initial-target"
- "scroll-margin-block-end"
- "scroll-margin-block-start"
- "scroll-margin-bottom"
- "scroll-margin-inline-end"
- "scroll-margin-inline-start"
- "scroll-margin-left"
- "scroll-margin-right"
- "scroll-margin-top"
- "scroll-padding-block-end"
- "scroll-padding-block-start"
- "scroll-padding-bottom"
- "scroll-padding-inline-end"
- "scroll-padding-inline-start"
- "scroll-padding-left"
- "scroll-padding-right"
- "scroll-padding-top"
- "scroll-snap-align"
- "scroll-snap-margin-bottom"
- "scroll-snap-margin-left"
- "scroll-snap-margin-right"
- "scroll-snap-margin-top"
- "scroll-snap-stop"
- "scroll-snap-type"
- "scroll-timeline-axis"
- "scroll-timeline-name"
- "scrollbar-color"
- "scrollbar-gutter"
- "scrollbar-width"
- "shape-image-threshold"
- "shape-margin"
- "shape-outside"
- "shape-rendering"
- "speak-as"
- "stop-color"
- "stop-opacity"
- "stroke-color"
- "stroke-dasharray"
- "stroke-dashoffset"
- "stroke-linecap"
- "stroke-linejoin"
- "stroke-miterlimit"
- "stroke-opacity"
- "stroke-width"
- "tab-size"
- "table-layout"
- "text-align-last"
- "text-align"
- "text-anchor"
- "text-autospace"
- "text-box-edge"
- "text-box-trim"
- "text-box"
- "text-combine-upright"
- "text-decoration-color"
- "text-decoration-line"
- "text-decoration-skip-ink"
- "text-decoration-skip"
- "text-decoration-style"
- "text-decoration-thickness"
- "text-emphasis-color"
- "text-emphasis-position"
- "text-emphasis-style"
- "text-indent"
- "text-justify"
- "text-orientation"
- "text-overflow"
- "text-rendering"
- "text-shadow"
- "text-size-adjust"
- "text-spacing-trim"
- "text-transform"
- "text-underline-offset"
- "text-underline-position"
- "text-wrap-mode"
- "text-wrap-style"
- "timeline-scope"
- "touch-action"
- "transform-box"
- "transform-origin"
- "transform-style"
- "transition-behavior"
- "transition-delay"
- "transition-duration"
- "transition-property"
- "transition-timing-function"
- "unicode-bidi"
- "user-select"
- "vector-effect"
- "vertical-align"
- "view-timeline-axis"
- "view-timeline-inset"
- "view-timeline-name"
- "view-transition-class"
- "view-transition-name"
- "white-space-collapse"
- "white-space"
- "will-change"
- "word-break"
- "word-spacing"
- "word-wrap"
- "writing-mode"
- "z-index"
- appearance
- bottom
- clear
- color
- contain
- content
- cursor
- cx
- cy
- d
- direction
- display
- fill
- filter
- float
- height
- hyphens
- isolation
- left
- marker
- opacity
- order
- orphans
- overlay
- page
- perspective
- position
- quotes
- r
- resize
- right
- rotate
- rx
- ry
- scale
- stroke
- top
- transform
- translate
- visibility
- widows
- width
- x
- y
- zoom
StandardShorthandProperties
- all
- animation
- animationRange
- background
- backgroundPosition
- border
- borderBlock
- borderBlockColor
- borderBlockEnd
- borderBlockStart
- borderBlockStyle
- borderBlockWidth
- borderBottom
- borderColor
- borderImage
- borderInline
- borderInlineColor
- borderInlineEnd
- borderInlineStart
- borderInlineStyle
- borderInlineWidth
- borderLeft
- borderRadius
- borderRight
- borderStyle
- borderTop
- borderWidth
- caret
- columnRule
- columns
- container
- containIntrinsicSize
- flex
- flexFlow
- font
- gap
- grid
- gridArea
- gridColumn
- gridRow
- gridTemplate
- inset
- insetBlock
- insetInline
- lineClamp
- listStyle
- margin
- marginBlock
- marginInline
- mask
- maskBorder
- motion
- offset
- outline
- overflow
- overscrollBehavior
- padding
- paddingBlock
- paddingInline
- placeContent
- placeItems
- placeSelf
- positionTry
- scrollMargin
- scrollMarginBlock
- scrollMarginInline
- scrollPadding
- scrollPaddingBlock
- scrollPaddingInline
- scrollSnapMargin
- scrollTimeline
- textDecoration
- textEmphasis
- textWrap
- transition
- viewTimeline
StandardShorthandPropertiesHyphen
- "animation-range"
- "background-position"
- "border-block-color"
- "border-block-end"
- "border-block-start"
- "border-block-style"
- "border-block-width"
- "border-block"
- "border-bottom"
- "border-color"
- "border-image"
- "border-inline-color"
- "border-inline-end"
- "border-inline-start"
- "border-inline-style"
- "border-inline-width"
- "border-inline"
- "border-left"
- "border-radius"
- "border-right"
- "border-style"
- "border-top"
- "border-width"
- "column-rule"
- "contain-intrinsic-size"
- "flex-flow"
- "grid-area"
- "grid-column"
- "grid-row"
- "grid-template"
- "inset-block"
- "inset-inline"
- "line-clamp"
- "list-style"
- "margin-block"
- "margin-inline"
- "mask-border"
- "overscroll-behavior"
- "padding-block"
- "padding-inline"
- "place-content"
- "place-items"
- "place-self"
- "position-try"
- "scroll-margin-block"
- "scroll-margin-inline"
- "scroll-margin"
- "scroll-padding-block"
- "scroll-padding-inline"
- "scroll-padding"
- "scroll-snap-margin"
- "scroll-timeline"
- "text-decoration"
- "text-emphasis"
- "text-wrap"
- "view-timeline"
- all
- animation
- background
- border
- caret
- columns
- container
- flex
- font
- gap
- grid
- inset
- margin
- mask
- motion
- offset
- outline
- overflow
- padding
- transition
SvgProperties
- alignmentBaseline
- baselineShift
- clip
- clipPath
- clipRule
- color
- colorInterpolation
- colorRendering
- cursor
- direction
- display
- dominantBaseline
- fill
- fillOpacity
- fillRule
- filter
- floodColor
- floodOpacity
- font
- fontFamily
- fontSize
- fontSizeAdjust
- fontStretch
- fontStyle
- fontVariant
- fontWeight
- glyphOrientationVertical
- imageRendering
- letterSpacing
- lightingColor
- lineHeight
- marker
- markerEnd
- markerMid
- markerStart
- mask
- opacity
- overflow
- paintOrder
- pointerEvents
- shapeRendering
- stopColor
- stopOpacity
- stroke
- strokeDasharray
- strokeDashoffset
- strokeLinecap
- strokeLinejoin
- strokeMiterlimit
- strokeOpacity
- strokeWidth
- textAnchor
- textDecoration
- textRendering
- unicodeBidi
- vectorEffect
- visibility
- whiteSpace
- wordSpacing
- writingMode
SvgPropertiesHyphen
- "alignment-baseline"
- "baseline-shift"
- "clip-path"
- "clip-rule"
- "color-interpolation"
- "color-rendering"
- "dominant-baseline"
- "fill-opacity"
- "fill-rule"
- "flood-color"
- "flood-opacity"
- "font-family"
- "font-size-adjust"
- "font-size"
- "font-stretch"
- "font-style"
- "font-variant"
- "font-weight"
- "glyph-orientation-vertical"
- "image-rendering"
- "letter-spacing"
- "lighting-color"
- "line-height"
- "marker-end"
- "marker-mid"
- "marker-start"
- "paint-order"
- "pointer-events"
- "shape-rendering"
- "stop-color"
- "stop-opacity"
- "stroke-dasharray"
- "stroke-dashoffset"
- "stroke-linecap"
- "stroke-linejoin"
- "stroke-miterlimit"
- "stroke-opacity"
- "stroke-width"
- "text-anchor"
- "text-decoration"
- "text-rendering"
- "unicode-bidi"
- "vector-effect"
- "white-space"
- "word-spacing"
- "writing-mode"
- clip
- color
- cursor
- direction
- display
- fill
- filter
- font
- marker
- mask
- opacity
- overflow
- stroke
- visibility
VendorLonghandProperties
- MozAnimationDelay
- MozAnimationDirection
- MozAnimationDuration
- MozAnimationFillMode
- MozAnimationIterationCount
- MozAnimationName
- MozAnimationPlayState
- MozAnimationTimingFunction
- MozAppearance
- MozBackfaceVisibility
- MozBinding
- MozBorderBottomColors
- MozBorderEndColor
- MozBorderEndStyle
- MozBorderEndWidth
- MozBorderLeftColors
- MozBorderRightColors
- MozBorderStartColor
- MozBorderStartStyle
- MozBorderTopColors
- MozBoxSizing
- MozColumnRuleColor
- MozColumnRuleStyle
- MozColumnRuleWidth
- MozColumnWidth
- MozContextProperties
- MozFontFeatureSettings
- MozFontLanguageOverride
- MozHyphens
- MozMarginEnd
- MozMarginStart
- MozOrient
- MozOsxFontSmoothing
- MozOutlineRadiusBottomleft
- MozOutlineRadiusBottomright
- MozOutlineRadiusTopleft
- MozOutlineRadiusTopright
- MozPaddingEnd
- MozPaddingStart
- MozPerspective
- MozPerspectiveOrigin
- MozStackSizing
- MozTabSize
- MozTextBlink
- MozTextSizeAdjust
- MozTransform
- MozTransformOrigin
- MozTransformStyle
- MozUserModify
- MozUserSelect
- MozWindowDragging
- MozWindowShadow
- msAccelerator
- msBlockProgression
- msContentZoomChaining
- msContentZooming
- msContentZoomLimitMax
- msContentZoomLimitMin
- msContentZoomSnapPoints
- msContentZoomSnapType
- msFilter
- msFlexDirection
- msFlexPositive
- msFlowFrom
- msFlowInto
- msGridColumns
- msGridRows
- msHighContrastAdjust
- msHyphenateLimitChars
- msHyphenateLimitLines
- msHyphenateLimitZone
- msHyphens
- msImeAlign
- msLineBreak
- msOrder
- msOverflowStyle
- msOverflowX
- msOverflowY
- msScrollbar3dlightColor
- msScrollbarArrowColor
- msScrollbarBaseColor
- msScrollbarDarkshadowColor
- msScrollbarFaceColor
- msScrollbarHighlightColor
- msScrollbarShadowColor
- msScrollbarTrackColor
- msScrollChaining
- msScrollLimitXMax
- msScrollLimitXMin
- msScrollLimitYMax
- msScrollLimitYMin
- msScrollRails
- msScrollSnapPointsX
- msScrollSnapPointsY
- msScrollSnapType
- msScrollTranslation
- msTextAutospace
- msTextCombineHorizontal
- msTextOverflow
- msTouchAction
- msTouchSelect
- msTransform
- msTransformOrigin
- msTransitionDelay
- msTransitionDuration
- msTransitionProperty
- msTransitionTimingFunction
- msUserSelect
- msWordBreak
- msWrapFlow
- msWrapMargin
- msWrapThrough
- msWritingMode
- WebkitAlignContent
- WebkitAlignItems
- WebkitAlignSelf
- WebkitAnimationDelay
- WebkitAnimationDirection
- WebkitAnimationDuration
- WebkitAnimationFillMode
- WebkitAnimationIterationCount
- WebkitAnimationName
- WebkitAnimationPlayState
- WebkitAnimationTimingFunction
- WebkitAppearance
- WebkitBackdropFilter
- WebkitBackfaceVisibility
- WebkitBackgroundClip
- WebkitBackgroundOrigin
- WebkitBackgroundSize
- WebkitBorderBeforeColor
- WebkitBorderBeforeStyle
- WebkitBorderBeforeWidth
- WebkitBorderBottomLeftRadius
- WebkitBorderBottomRightRadius
- WebkitBorderImageSlice
- WebkitBorderTopLeftRadius
- WebkitBorderTopRightRadius
- WebkitBoxDecorationBreak
- WebkitBoxReflect
- WebkitBoxShadow
- WebkitBoxSizing
- WebkitClipPath
- WebkitColumnCount
- WebkitColumnFill
- WebkitColumnRuleColor
- WebkitColumnRuleStyle
- WebkitColumnRuleWidth
- WebkitColumnSpan
- WebkitColumnWidth
- WebkitFilter
- WebkitFlexBasis
- WebkitFlexDirection
- WebkitFlexGrow
- WebkitFlexShrink
- WebkitFlexWrap
- WebkitFontFeatureSettings
- WebkitFontKerning
- WebkitFontSmoothing
- WebkitFontVariantLigatures
- WebkitHyphenateCharacter
- WebkitHyphens
- WebkitInitialLetter
- WebkitJustifyContent
- WebkitLineBreak
- WebkitLineClamp
- WebkitLogicalHeight
- WebkitLogicalWidth
- WebkitMarginEnd
- WebkitMarginStart
- WebkitMaskAttachment
- WebkitMaskBoxImageOutset
- WebkitMaskBoxImageRepeat
- WebkitMaskBoxImageSlice
- WebkitMaskBoxImageSource
- WebkitMaskBoxImageWidth
- WebkitMaskClip
- WebkitMaskComposite
- WebkitMaskImage
- WebkitMaskOrigin
- WebkitMaskPosition
- WebkitMaskPositionX
- WebkitMaskPositionY
- WebkitMaskRepeat
- WebkitMaskRepeatX
- WebkitMaskRepeatY
- WebkitMaskSize
- WebkitMaxInlineSize
- WebkitOrder
- WebkitOverflowScrolling
- WebkitPaddingEnd
- WebkitPaddingStart
- WebkitPerspective
- WebkitPerspectiveOrigin
- WebkitPrintColorAdjust
- WebkitRubyPosition
- WebkitScrollSnapType
- WebkitShapeMargin
- WebkitTapHighlightColor
- WebkitTextCombine
- WebkitTextDecorationColor
- WebkitTextDecorationLine
- WebkitTextDecorationSkip
- WebkitTextDecorationStyle
- WebkitTextEmphasisColor
- WebkitTextEmphasisPosition
- WebkitTextEmphasisStyle
- WebkitTextFillColor
- WebkitTextOrientation
- WebkitTextSizeAdjust
- WebkitTextStrokeColor
- WebkitTextStrokeWidth
- WebkitTextUnderlinePosition
- WebkitTouchCallout
- WebkitTransform
- WebkitTransformOrigin
- WebkitTransformStyle
- WebkitTransitionDelay
- WebkitTransitionDuration
- WebkitTransitionProperty
- WebkitTransitionTimingFunction
- WebkitUserModify
- WebkitUserSelect
- WebkitWritingMode
VendorLonghandPropertiesHyphen
- "-moz-animation-delay"
- "-moz-animation-direction"
- "-moz-animation-duration"
- "-moz-animation-fill-mode"
- "-moz-animation-iteration-count"
- "-moz-animation-name"
- "-moz-animation-play-state"
- "-moz-animation-timing-function"
- "-moz-appearance"
- "-moz-backface-visibility"
- "-moz-binding"
- "-moz-border-bottom-colors"
- "-moz-border-end-color"
- "-moz-border-end-style"
- "-moz-border-end-width"
- "-moz-border-left-colors"
- "-moz-border-right-colors"
- "-moz-border-start-color"
- "-moz-border-start-style"
- "-moz-border-top-colors"
- "-moz-box-sizing"
- "-moz-column-rule-color"
- "-moz-column-rule-style"
- "-moz-column-rule-width"
- "-moz-column-width"
- "-moz-context-properties"
- "-moz-font-feature-settings"
- "-moz-font-language-override"
- "-moz-hyphens"
- "-moz-margin-end"
- "-moz-margin-start"
- "-moz-orient"
- "-moz-osx-font-smoothing"
- "-moz-outline-radius-bottomleft"
- "-moz-outline-radius-bottomright"
- "-moz-outline-radius-topleft"
- "-moz-outline-radius-topright"
- "-moz-padding-end"
- "-moz-padding-start"
- "-moz-perspective-origin"
- "-moz-perspective"
- "-moz-stack-sizing"
- "-moz-tab-size"
- "-moz-text-blink"
- "-moz-text-size-adjust"
- "-moz-transform-origin"
- "-moz-transform-style"
- "-moz-transform"
- "-moz-user-modify"
- "-moz-user-select"
- "-moz-window-dragging"
- "-moz-window-shadow"
- "-ms-accelerator"
- "-ms-block-progression"
- "-ms-content-zoom-chaining"
- "-ms-content-zoom-limit-max"
- "-ms-content-zoom-limit-min"
- "-ms-content-zoom-snap-points"
- "-ms-content-zoom-snap-type"
- "-ms-content-zooming"
- "-ms-filter"
- "-ms-flex-direction"
- "-ms-flex-positive"
- "-ms-flow-from"
- "-ms-flow-into"
- "-ms-grid-columns"
- "-ms-grid-rows"
- "-ms-high-contrast-adjust"
- "-ms-hyphenate-limit-chars"
- "-ms-hyphenate-limit-lines"
- "-ms-hyphenate-limit-zone"
- "-ms-hyphens"
- "-ms-ime-align"
- "-ms-line-break"
- "-ms-order"
- "-ms-overflow-style"
- "-ms-overflow-x"
- "-ms-overflow-y"
- "-ms-scroll-chaining"
- "-ms-scroll-limit-x-max"
- "-ms-scroll-limit-x-min"
- "-ms-scroll-limit-y-max"
- "-ms-scroll-limit-y-min"
- "-ms-scroll-rails"
- "-ms-scroll-snap-points-x"
- "-ms-scroll-snap-points-y"
- "-ms-scroll-snap-type"
- "-ms-scroll-translation"
- "-ms-scrollbar-3dlight-color"
- "-ms-scrollbar-arrow-color"
- "-ms-scrollbar-base-color"
- "-ms-scrollbar-darkshadow-color"
- "-ms-scrollbar-face-color"
- "-ms-scrollbar-highlight-color"
- "-ms-scrollbar-shadow-color"
- "-ms-scrollbar-track-color"
- "-ms-text-autospace"
- "-ms-text-combine-horizontal"
- "-ms-text-overflow"
- "-ms-touch-action"
- "-ms-touch-select"
- "-ms-transform-origin"
- "-ms-transform"
- "-ms-transition-delay"
- "-ms-transition-duration"
- "-ms-transition-property"
- "-ms-transition-timing-function"
- "-ms-user-select"
- "-ms-word-break"
- "-ms-wrap-flow"
- "-ms-wrap-margin"
- "-ms-wrap-through"
- "-ms-writing-mode"
- "-webkit-align-content"
- "-webkit-align-items"
- "-webkit-align-self"
- "-webkit-animation-delay"
- "-webkit-animation-direction"
- "-webkit-animation-duration"
- "-webkit-animation-fill-mode"
- "-webkit-animation-iteration-count"
- "-webkit-animation-name"
- "-webkit-animation-play-state"
- "-webkit-animation-timing-function"
- "-webkit-appearance"
- "-webkit-backdrop-filter"
- "-webkit-backface-visibility"
- "-webkit-background-clip"
- "-webkit-background-origin"
- "-webkit-background-size"
- "-webkit-border-before-color"
- "-webkit-border-before-style"
- "-webkit-border-before-width"
- "-webkit-border-bottom-left-radius"
- "-webkit-border-bottom-right-radius"
- "-webkit-border-image-slice"
- "-webkit-border-top-left-radius"
- "-webkit-border-top-right-radius"
- "-webkit-box-decoration-break"
- "-webkit-box-reflect"
- "-webkit-box-shadow"
- "-webkit-box-sizing"
- "-webkit-clip-path"
- "-webkit-column-count"
- "-webkit-column-fill"
- "-webkit-column-rule-color"
- "-webkit-column-rule-style"
- "-webkit-column-rule-width"
- "-webkit-column-span"
- "-webkit-column-width"
- "-webkit-filter"
- "-webkit-flex-basis"
- "-webkit-flex-direction"
- "-webkit-flex-grow"
- "-webkit-flex-shrink"
- "-webkit-flex-wrap"
- "-webkit-font-feature-settings"
- "-webkit-font-kerning"
- "-webkit-font-smoothing"
- "-webkit-font-variant-ligatures"
- "-webkit-hyphenate-character"
- "-webkit-hyphens"
- "-webkit-initial-letter"
- "-webkit-justify-content"
- "-webkit-line-break"
- "-webkit-line-clamp"
- "-webkit-logical-height"
- "-webkit-logical-width"
- "-webkit-margin-end"
- "-webkit-margin-start"
- "-webkit-mask-attachment"
- "-webkit-mask-box-image-outset"
- "-webkit-mask-box-image-repeat"
- "-webkit-mask-box-image-slice"
- "-webkit-mask-box-image-source"
- "-webkit-mask-box-image-width"
- "-webkit-mask-clip"
- "-webkit-mask-composite"
- "-webkit-mask-image"
- "-webkit-mask-origin"
- "-webkit-mask-position-x"
- "-webkit-mask-position-y"
- "-webkit-mask-position"
- "-webkit-mask-repeat-x"
- "-webkit-mask-repeat-y"
- "-webkit-mask-repeat"
- "-webkit-mask-size"
- "-webkit-max-inline-size"
- "-webkit-order"
- "-webkit-overflow-scrolling"
- "-webkit-padding-end"
- "-webkit-padding-start"
- "-webkit-perspective-origin"
- "-webkit-perspective"
- "-webkit-print-color-adjust"
- "-webkit-ruby-position"
- "-webkit-scroll-snap-type"
- "-webkit-shape-margin"
- "-webkit-tap-highlight-color"
- "-webkit-text-combine"
- "-webkit-text-decoration-color"
- "-webkit-text-decoration-line"
- "-webkit-text-decoration-skip"
- "-webkit-text-decoration-style"
- "-webkit-text-emphasis-color"
- "-webkit-text-emphasis-position"
- "-webkit-text-emphasis-style"
- "-webkit-text-fill-color"
- "-webkit-text-orientation"
- "-webkit-text-size-adjust"
- "-webkit-text-stroke-color"
- "-webkit-text-stroke-width"
- "-webkit-text-underline-position"
- "-webkit-touch-callout"
- "-webkit-transform-origin"
- "-webkit-transform-style"
- "-webkit-transform"
- "-webkit-transition-delay"
- "-webkit-transition-duration"
- "-webkit-transition-property"
- "-webkit-transition-timing-function"
- "-webkit-user-modify"
- "-webkit-user-select"
- "-webkit-writing-mode"
VendorShorthandProperties
- MozAnimation
- MozBorderImage
- MozColumnRule
- MozColumns
- MozOutlineRadius
- MozTransition
- msContentZoomLimit
- msContentZoomSnap
- msFlex
- msScrollLimit
- msScrollSnapX
- msScrollSnapY
- msTransition
- WebkitAnimation
- WebkitBorderBefore
- WebkitBorderImage
- WebkitBorderRadius
- WebkitColumnRule
- WebkitColumns
- WebkitFlex
- WebkitFlexFlow
- WebkitMask
- WebkitMaskBoxImage
- WebkitTextEmphasis
- WebkitTextStroke
- WebkitTransition
VendorShorthandPropertiesHyphen
- "-moz-animation"
- "-moz-border-image"
- "-moz-column-rule"
- "-moz-columns"
- "-moz-outline-radius"
- "-moz-transition"
- "-ms-content-zoom-limit"
- "-ms-content-zoom-snap"
- "-ms-flex"
- "-ms-scroll-limit"
- "-ms-scroll-snap-x"
- "-ms-scroll-snap-y"
- "-ms-transition"
- "-webkit-animation"
- "-webkit-border-before"
- "-webkit-border-image"
- "-webkit-border-radius"
- "-webkit-column-rule"
- "-webkit-columns"
- "-webkit-flex-flow"
- "-webkit-flex"
- "-webkit-mask-box-image"
- "-webkit-mask"
- "-webkit-text-emphasis"
- "-webkit-text-stroke"
- "-webkit-transition"
Type Aliases
- AdvancedPseudos
- AtRules
- Fallback
- Globals
- HtmlAttributes
- ObsoletePropertiesFallback
- ObsoletePropertiesHyphenFallback
- PropertyValue
- Pseudos
- SimplePseudos
- StandardLonghandPropertiesFallback
- StandardLonghandPropertiesHyphenFallback
- StandardShorthandPropertiesFallback
- StandardShorthandPropertiesHyphenFallback
- SvgAttributes
- SvgPropertiesFallback
- SvgPropertiesHyphenFallback
- VendorLonghandPropertiesFallback
- VendorLonghandPropertiesHyphenFallback
- VendorShorthandPropertiesFallback
- VendorShorthandPropertiesHyphenFallback
Namespaces
AtRule
- AscentOverride
- BasePalette
- Bleed
- CounterStyle
- CounterStyleFallback
- CounterStyleHyphen
- CounterStyleHyphenFallback
- DescentOverride
- FontDisplay
- FontFace
- FontFaceFallback
- FontFaceHyphen
- FontFaceHyphenFallback
- FontFeatureSettings
- FontPaletteValues
- FontPaletteValuesFallback
- FontPaletteValuesHyphen
- FontPaletteValuesHyphenFallback
- FontStretch
- FontStyle
- FontVariationSettings
- FontWeight
- Inherits
- LineGapOverride
- Marks
- Navigation
- Page
- PageFallback
- PageHyphen
- PageHyphenFallback
- PageOrientation
- Property
- PropertyFallback
- PropertyHyphen
- PropertyHyphenFallback
- Range
- Size
- SpeakAs
- System
- Types
- ViewTransition
- ViewTransitionFallback
- ViewTransitionHyphen
- ViewTransitionHyphenFallback
DataType
- AbsoluteSize
- AnimateableFeature
- Attachment
- Autospace
- BgClip
- BgLayer
- BgPosition
- BgSize
- BlendMode
- Color
- ColorBase
- CompatAuto
- CompositeStyle
- CompositingOperator
- ContentDistribution
- ContentPosition
- CubicBezierEasingFunction
- CursorPredefined
- Dasharray
- DeprecatedSystemColor
- DisplayInside
- DisplayInternal
- DisplayLegacy
- DisplayOutside
- EasingFunction
- EastAsianVariantValues
- FinalBgLayer
- FontStretchAbsolute
- FontWeightAbsolute
- GenericComplete
- GenericFamily
- GenericIncomplete
- GeometryBox
- GridLine
- LineStyle
- LineWidth
- MaskingMode
- MaskLayer
- NamedColor
- OutlineLineStyle
- PageSize
- Paint
- PaintBox
- Position
- PositionArea
- Quote
- RepeatStyle
- SelfPosition
- SingleAnimation
- SingleAnimationComposition
- SingleAnimationDirection
- SingleAnimationFillMode
- SingleAnimationTimeline
- SingleTransition
- StepEasingFunction
- SystemColor
- SystemFamilyName
- TextEdge
- TimelineRangeName
- TrackBreadth
- TrySize
- TryTactic
- VisualBox
Property
- AccentColor
- AlignContent
- AlignItems
- AlignmentBaseline
- AlignSelf
- AlignTracks
- All
- AnchorName
- AnchorScope
- Animation
- AnimationComposition
- AnimationDelay
- AnimationDirection
- AnimationDuration
- AnimationFillMode
- AnimationIterationCount
- AnimationName
- AnimationPlayState
- AnimationRange
- AnimationRangeEnd
- AnimationRangeStart
- AnimationTimeline
- AnimationTimingFunction
- Appearance
- AspectRatio
- BackdropFilter
- BackfaceVisibility
- Background
- BackgroundAttachment
- BackgroundBlendMode
- BackgroundClip
- BackgroundColor
- BackgroundImage
- BackgroundOrigin
- BackgroundPosition
- BackgroundPositionX
- BackgroundPositionY
- BackgroundRepeat
- BackgroundSize
- BaselineShift
- BlockSize
- Border
- BorderBlock
- BorderBlockColor
- BorderBlockEnd
- BorderBlockEndColor
- BorderBlockEndStyle
- BorderBlockEndWidth
- BorderBlockStart
- BorderBlockStartColor
- BorderBlockStartStyle
- BorderBlockStartWidth
- BorderBlockStyle
- BorderBlockWidth
- BorderBottom
- BorderBottomColor
- BorderBottomLeftRadius
- BorderBottomRightRadius
- BorderBottomStyle
- BorderBottomWidth
- BorderCollapse
- BorderColor
- BorderEndEndRadius
- BorderEndStartRadius
- BorderImage
- BorderImageOutset
- BorderImageRepeat
- BorderImageSlice
- BorderImageSource
- BorderImageWidth
- BorderInline
- BorderInlineColor
- BorderInlineEnd
- BorderInlineEndColor
- BorderInlineEndStyle
- BorderInlineEndWidth
- BorderInlineStart
- BorderInlineStartColor
- BorderInlineStartStyle
- BorderInlineStartWidth
- BorderInlineStyle
- BorderInlineWidth
- BorderLeft
- BorderLeftColor
- BorderLeftStyle
- BorderLeftWidth
- BorderRadius
- BorderRight
- BorderRightColor
- BorderRightStyle
- BorderRightWidth
- BorderSpacing
- BorderStartEndRadius
- BorderStartStartRadius
- BorderStyle
- BorderTop
- BorderTopColor
- BorderTopLeftRadius
- BorderTopRightRadius
- BorderTopStyle
- BorderTopWidth
- BorderWidth
- Bottom
- BoxAlign
- BoxDecorationBreak
- BoxDirection
- BoxFlex
- BoxFlexGroup
- BoxLines
- BoxOrdinalGroup
- BoxOrient
- BoxPack
- BoxShadow
- BoxSizing
- BreakAfter
- BreakBefore
- BreakInside
- CaptionSide
- Caret
- CaretColor
- CaretShape
- Clear
- Clip
- ClipPath
- ClipRule
- Color
- ColorInterpolation
- ColorInterpolationFilters
- ColorRendering
- ColorScheme
- ColumnCount
- ColumnFill
- ColumnGap
- ColumnRule
- ColumnRuleColor
- ColumnRuleStyle
- ColumnRuleWidth
- Columns
- ColumnSpan
- ColumnWidth
- Contain
- Container
- ContainerName
- ContainerType
- ContainIntrinsicBlockSize
- ContainIntrinsicHeight
- ContainIntrinsicInlineSize
- ContainIntrinsicSize
- ContainIntrinsicWidth
- Content
- ContentVisibility
- CounterIncrement
- CounterReset
- CounterSet
- Cursor
- Cx
- Cy
- D
- Direction
- Display
- DominantBaseline
- EmptyCells
- FieldSizing
- Fill
- FillOpacity
- FillRule
- Filter
- Flex
- FlexBasis
- FlexDirection
- FlexFlow
- FlexGrow
- FlexShrink
- FlexWrap
- Float
- FloodColor
- FloodOpacity
- Font
- FontFamily
- FontFeatureSettings
- FontKerning
- FontLanguageOverride
- FontOpticalSizing
- FontPalette
- FontSize
- FontSizeAdjust
- FontSmooth
- FontStretch
- FontStyle
- FontSynthesis
- FontSynthesisPosition
- FontSynthesisSmallCaps
- FontSynthesisStyle
- FontSynthesisWeight
- FontVariant
- FontVariantAlternates
- FontVariantCaps
- FontVariantEastAsian
- FontVariantEmoji
- FontVariantLigatures
- FontVariantNumeric
- FontVariantPosition
- FontVariationSettings
- FontWeight
- FontWidth
- ForcedColorAdjust
- Gap
- GlyphOrientationVertical
- Grid
- GridArea
- GridAutoColumns
- GridAutoFlow
- GridAutoRows
- GridColumn
- GridColumnEnd
- GridColumnGap
- GridColumnStart
- GridGap
- GridRow
- GridRowEnd
- GridRowGap
- GridRowStart
- GridTemplate
- GridTemplateAreas
- GridTemplateColumns
- GridTemplateRows
- HangingPunctuation
- Height
- HyphenateCharacter
- HyphenateLimitChars
- Hyphens
- ImageOrientation
- ImageRendering
- ImageResolution
- ImeMode
- InitialLetter
- InitialLetterAlign
- InlineSize
- Inset
- InsetBlock
- InsetBlockEnd
- InsetBlockStart
- InsetInline
- InsetInlineEnd
- InsetInlineStart
- InterpolateSize
- Isolation
- JustifyContent
- JustifyItems
- JustifySelf
- JustifyTracks
- Left
- LetterSpacing
- LightingColor
- LineBreak
- LineClamp
- LineHeight
- LineHeightStep
- ListStyle
- ListStyleImage
- ListStylePosition
- ListStyleType
- Margin
- MarginBlock
- MarginBlockEnd
- MarginBlockStart
- MarginBottom
- MarginInline
- MarginInlineEnd
- MarginInlineStart
- MarginLeft
- MarginRight
- MarginTop
- MarginTrim
- Marker
- MarkerEnd
- MarkerMid
- MarkerStart
- Mask
- MaskBorder
- MaskBorderMode
- MaskBorderOutset
- MaskBorderRepeat
- MaskBorderSlice
- MaskBorderSource
- MaskBorderWidth
- MaskClip
- MaskComposite
- MaskImage
- MaskMode
- MaskOrigin
- MaskPosition
- MaskRepeat
- MaskSize
- MaskType
- MasonryAutoFlow
- MathDepth
- MathShift
- MathStyle
- MaxBlockSize
- MaxHeight
- MaxInlineSize
- MaxLines
- MaxWidth
- MinBlockSize
- MinHeight
- MinInlineSize
- MinWidth
- MixBlendMode
- MozAppearance
- MozBinding
- MozBorderBottomColors
- MozBorderLeftColors
- MozBorderRightColors
- MozBorderTopColors
- MozContextProperties
- MozFloatEdge
- MozForceBrokenImageIcon
- MozOrient
- MozOutlineRadius
- MozOutlineRadiusBottomleft
- MozOutlineRadiusBottomright
- MozOutlineRadiusTopleft
- MozOutlineRadiusTopright
- MozStackSizing
- MozTextBlink
- MozUserFocus
- MozUserInput
- MozUserModify
- MozWindowDragging
- MozWindowShadow
- MsAccelerator
- MsBlockProgression
- MsContentZoomChaining
- MsContentZooming
- MsContentZoomLimit
- MsContentZoomLimitMax
- MsContentZoomLimitMin
- MsContentZoomSnap
- MsContentZoomSnapPoints
- MsContentZoomSnapType
- MsFilter
- MsFlowFrom
- MsFlowInto
- MsGridColumns
- MsGridRows
- MsHighContrastAdjust
- MsHyphenateLimitChars
- MsHyphenateLimitLines
- MsHyphenateLimitZone
- MsImeAlign
- MsOverflowStyle
- MsScrollbar3dlightColor
- MsScrollbarArrowColor
- MsScrollbarBaseColor
- MsScrollbarDarkshadowColor
- MsScrollbarFaceColor
- MsScrollbarHighlightColor
- MsScrollbarShadowColor
- MsScrollbarTrackColor
- MsScrollChaining
- MsScrollLimit
- MsScrollLimitXMax
- MsScrollLimitXMin
- MsScrollLimitYMax
- MsScrollLimitYMin
- MsScrollRails
- MsScrollSnapPointsX
- MsScrollSnapPointsY
- MsScrollSnapType
- MsScrollSnapX
- MsScrollSnapY
- MsScrollTranslation
- MsTextAutospace
- MsTouchSelect
- MsUserSelect
- MsWrapFlow
- MsWrapMargin
- MsWrapThrough
- ObjectFit
- ObjectPosition
- ObjectViewBox
- Offset
- OffsetAnchor
- OffsetDistance
- OffsetPath
- OffsetPosition
- OffsetRotate
- Opacity
- Order
- Orphans
- Outline
- OutlineColor
- OutlineOffset
- OutlineStyle
- OutlineWidth
- Overflow
- OverflowAnchor
- OverflowBlock
- OverflowClipBox
- OverflowClipMargin
- OverflowInline
- OverflowWrap
- OverflowX
- OverflowY
- Overlay
- OverscrollBehavior
- OverscrollBehaviorBlock
- OverscrollBehaviorInline
- OverscrollBehaviorX
- OverscrollBehaviorY
- Padding
- PaddingBlock
- PaddingBlockEnd
- PaddingBlockStart
- PaddingBottom
- PaddingInline
- PaddingInlineEnd
- PaddingInlineStart
- PaddingLeft
- PaddingRight
- PaddingTop
- Page
- PageBreakAfter
- PageBreakBefore
- PageBreakInside
- PaintOrder
- Perspective
- PerspectiveOrigin
- PlaceContent
- PlaceItems
- PlaceSelf
- PointerEvents
- Position
- PositionAnchor
- PositionArea
- PositionTry
- PositionTryFallbacks
- PositionTryOrder
- PositionVisibility
- PrintColorAdjust
- Quotes
- R
- Resize
- Right
- Rotate
- RowGap
- RubyAlign
- RubyMerge
- RubyOverhang
- RubyPosition
- Rx
- Ry
- Scale
- ScrollbarColor
- ScrollbarGutter
- ScrollbarWidth
- ScrollBehavior
- ScrollInitialTarget
- ScrollMargin
- ScrollMarginBlock
- ScrollMarginBlockEnd
- ScrollMarginBlockStart
- ScrollMarginBottom
- ScrollMarginInline
- ScrollMarginInlineEnd
- ScrollMarginInlineStart
- ScrollMarginLeft
- ScrollMarginRight
- ScrollMarginTop
- ScrollPadding
- ScrollPaddingBlock
- ScrollPaddingBlockEnd
- ScrollPaddingBlockStart
- ScrollPaddingBottom
- ScrollPaddingInline
- ScrollPaddingInlineEnd
- ScrollPaddingInlineStart
- ScrollPaddingLeft
- ScrollPaddingRight
- ScrollPaddingTop
- ScrollSnapAlign
- ScrollSnapCoordinate
- ScrollSnapDestination
- ScrollSnapPointsX
- ScrollSnapPointsY
- ScrollSnapStop
- ScrollSnapType
- ScrollSnapTypeX
- ScrollSnapTypeY
- ScrollTimeline
- ScrollTimelineAxis
- ScrollTimelineName
- ShapeImageThreshold
- ShapeMargin
- ShapeOutside
- ShapeRendering
- SpeakAs
- StopColor
- StopOpacity
- Stroke
- StrokeColor
- StrokeDasharray
- StrokeDashoffset
- StrokeLinecap
- StrokeLinejoin
- StrokeMiterlimit
- StrokeOpacity
- StrokeWidth
- TableLayout
- TabSize
- TextAlign
- TextAlignLast
- TextAnchor
- TextAutospace
- TextBox
- TextBoxEdge
- TextBoxTrim
- TextCombineUpright
- TextDecoration
- TextDecorationColor
- TextDecorationLine
- TextDecorationSkip
- TextDecorationSkipInk
- TextDecorationStyle
- TextDecorationThickness
- TextEmphasis
- TextEmphasisColor
- TextEmphasisPosition
- TextEmphasisStyle
- TextIndent
- TextJustify
- TextOrientation
- TextOverflow
- TextRendering
- TextShadow
- TextSizeAdjust
- TextSpacingTrim
- TextTransform
- TextUnderlineOffset
- TextUnderlinePosition
- TextWrap
- TextWrapMode
- TextWrapStyle
- TimelineScope
- Top
- TouchAction
- Transform
- TransformBox
- TransformOrigin
- TransformStyle
- Transition
- TransitionBehavior
- TransitionDelay
- TransitionDuration
- TransitionProperty
- TransitionTimingFunction
- Translate
- UnicodeBidi
- UserSelect
- VectorEffect
- VerticalAlign
- ViewTimeline
- ViewTimelineAxis
- ViewTimelineInset
- ViewTimelineName
- ViewTransitionClass
- ViewTransitionName
- Visibility
- WebkitAppearance
- WebkitBorderBefore
- WebkitBorderBeforeColor
- WebkitBorderBeforeStyle
- WebkitBorderBeforeWidth
- WebkitBoxReflect
- WebkitLineClamp
- WebkitMask
- WebkitMaskAttachment
- WebkitMaskClip
- WebkitMaskComposite
- WebkitMaskImage
- WebkitMaskOrigin
- WebkitMaskPosition
- WebkitMaskPositionX
- WebkitMaskPositionY
- WebkitMaskRepeat
- WebkitMaskRepeatX
- WebkitMaskRepeatY
- WebkitMaskSize
- WebkitOverflowScrolling
- WebkitTapHighlightColor
- WebkitTextFillColor
- WebkitTextStroke
- WebkitTextStrokeColor
- WebkitTextStrokeWidth
- WebkitTouchCallout
- WebkitUserModify
- WebkitUserSelect
- WhiteSpace
- WhiteSpaceCollapse
- Widows
- Width
- WillChange
- WordBreak
- WordSpacing
- WordWrap
- WritingMode
- X
- Y
- ZIndex
- Zoom
Interfaces
interface ObsoleteProperties
interface ObsoleteProperties<TLength = (string & {}) | 0, TTime = string & {}> {}property boxAlign
boxAlign?: Property.BoxAlign | undefined;The **
box-align** CSS property specifies how an element aligns its contents across its layout in a perpendicular direction. The effect of the property is only visible if there is extra space in the box.**Syntax**:
start | center | end | baseline | stretch**Initial value**:
stretchDeprecated
property boxDirection
boxDirection?: Property.BoxDirection | undefined;The **
box-direction** CSS property specifies whether a box lays out its contents normally (from the top or left edge), or in reverse (from the bottom or right edge).**Syntax**:
normal | reverse | inherit**Initial value**:
normalDeprecated
property boxFlex
boxFlex?: Property.BoxFlex | undefined;The **
-moz-box-flex** and **-webkit-box-flex** CSS properties specify how a-moz-boxor-webkit-boxgrows to fill the box that contains it, in the direction of the containing box's layout.**Syntax**:
<number>**Initial value**:
0Deprecated
property boxFlexGroup
boxFlexGroup?: Property.BoxFlexGroup | undefined;The **
box-flex-group** CSS property assigns the flexbox's child elements to a flex group.**Syntax**:
<integer>**Initial value**:
1Deprecated
property boxLines
boxLines?: Property.BoxLines | undefined;The **
box-lines** CSS property determines whether the box may have a single or multiple lines (rows for horizontally oriented boxes, columns for vertically oriented boxes).**Syntax**:
single | multiple**Initial value**:
singleDeprecated
property boxOrdinalGroup
boxOrdinalGroup?: Property.BoxOrdinalGroup | undefined;The **
box-ordinal-group** CSS property assigns the flexbox's child elements to an ordinal group.**Syntax**:
<integer>**Initial value**:
1Deprecated
property boxOrient
boxOrient?: Property.BoxOrient | undefined;The **
box-orient** CSS property sets whether an element lays out its contents horizontally or vertically.**Syntax**:
horizontal | vertical | inline-axis | block-axis | inherit**Initial value**:
inline-axisDeprecated
property boxPack
boxPack?: Property.BoxPack | undefined;The **
-moz-box-pack** and **-webkit-box-pack** CSS properties specify how a-moz-boxor-webkit-boxpacks 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**:
startDeprecated
property clip
clip?: Property.Clip | undefined;The **
clip** CSS property defines a visible portion of an element. Theclipproperty applies only to absolutely positioned elements — that is, elements withposition:absoluteorposition:fixed.**Syntax**:
<shape> | auto**Initial value**:
autoDeprecated
property fontStretch
fontStretch?: Property.FontStretch | undefined;The **
font-stretch** CSS property selects a normal, condensed, or expanded face from a font.**Syntax**:
<font-stretch-absolute>**Initial value**:
normalDeprecated
property gridColumnGap
gridColumnGap?: Property.GridColumnGap<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>**Initial value**:
0Deprecated
property gridGap
gridGap?: Property.GridGap<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.
**Syntax**:
<'grid-row-gap'> <'grid-column-gap'>?Deprecated
property gridRowGap
gridRowGap?: Property.GridRowGap<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.
**Syntax**:
<length-percentage>**Initial value**:
0Deprecated
property imeMode
imeMode?: Property.ImeMode | undefined;**Syntax**:
auto | normal | active | inactive | disabled**Initial value**:
autoDeprecated
property insetArea
insetArea?: Property.PositionArea | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
none | <position-area>**Initial value**:
noneDeprecated
property KhtmlBoxAlign
KhtmlBoxAlign?: Property.BoxAlign | undefined;The **
box-align** CSS property specifies how an element aligns its contents across its layout in a perpendicular direction. The effect of the property is only visible if there is extra space in the box.**Syntax**:
start | center | end | baseline | stretch**Initial value**:
stretchDeprecated
property KhtmlBoxDirection
KhtmlBoxDirection?: Property.BoxDirection | undefined;The **
box-direction** CSS property specifies whether a box lays out its contents normally (from the top or left edge), or in reverse (from the bottom or right edge).**Syntax**:
normal | reverse | inherit**Initial value**:
normalDeprecated
property KhtmlBoxFlex
KhtmlBoxFlex?: Property.BoxFlex | undefined;The **
-moz-box-flex** and **-webkit-box-flex** CSS properties specify how a-moz-boxor-webkit-boxgrows to fill the box that contains it, in the direction of the containing box's layout.**Syntax**:
<number>**Initial value**:
0Deprecated
property KhtmlBoxFlexGroup
KhtmlBoxFlexGroup?: Property.BoxFlexGroup | undefined;The **
box-flex-group** CSS property assigns the flexbox's child elements to a flex group.**Syntax**:
<integer>**Initial value**:
1Deprecated
property KhtmlBoxLines
KhtmlBoxLines?: Property.BoxLines | undefined;The **
box-lines** CSS property determines whether the box may have a single or multiple lines (rows for horizontally oriented boxes, columns for vertically oriented boxes).**Syntax**:
single | multiple**Initial value**:
singleDeprecated
property KhtmlBoxOrdinalGroup
KhtmlBoxOrdinalGroup?: Property.BoxOrdinalGroup | undefined;The **
box-ordinal-group** CSS property assigns the flexbox's child elements to an ordinal group.**Syntax**:
<integer>**Initial value**:
1Deprecated
property KhtmlBoxOrient
KhtmlBoxOrient?: Property.BoxOrient | undefined;The **
box-orient** CSS property sets whether an element lays out its contents horizontally or vertically.**Syntax**:
horizontal | vertical | inline-axis | block-axis | inherit**Initial value**:
inline-axisDeprecated
property KhtmlBoxPack
KhtmlBoxPack?: Property.BoxPack | undefined;The **
-moz-box-pack** and **-webkit-box-pack** CSS properties specify how a-moz-boxor-webkit-boxpacks 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**:
startDeprecated
property KhtmlLineBreak
KhtmlLineBreak?: Property.LineBreak | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2020.
**Syntax**:
auto | loose | normal | strict | anywhere**Initial value**:
autoDeprecated
property KhtmlOpacity
KhtmlOpacity?: Property.Opacity | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**Syntax**:
<opacity-value>**Initial value**:
1Deprecated
property KhtmlUserSelect
KhtmlUserSelect?: Property.UserSelect | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
auto | text | none | all**Initial value**:
autoDeprecated
property MozBackgroundClip
MozBackgroundClip?: 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**:
<bg-clip>#**Initial value**:
border-boxDeprecated
property MozBackgroundOrigin
MozBackgroundOrigin?: Property.BackgroundOrigin | 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-boxDeprecated
property MozBackgroundSize
MozBackgroundSize?: Property.BackgroundSize<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**:
<bg-size>#**Initial value**:
auto autoDeprecated
property MozBorderRadius
MozBorderRadius?: Property.BorderRadius<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,4} [ / <length-percentage [0,∞]>{1,4} ]?Deprecated
property MozBorderRadiusBottomleft
MozBorderRadiusBottomleft?: 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**:
0Deprecated
property MozBorderRadiusBottomright
MozBorderRadiusBottomright?: | 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**:
<length-percentage [0,∞]>{1,2}**Initial value**:
0Deprecated
property MozBorderRadiusTopleft
MozBorderRadiusTopleft?: 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**:
0Deprecated
property MozBorderRadiusTopright
MozBorderRadiusTopright?: 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**:
<length-percentage [0,∞]>{1,2}**Initial value**:
0Deprecated
property MozBoxAlign
MozBoxAlign?: Property.BoxAlign | undefined;The **
box-align** CSS property specifies how an element aligns its contents across its layout in a perpendicular direction. The effect of the property is only visible if there is extra space in the box.**Syntax**:
start | center | end | baseline | stretch**Initial value**:
stretchDeprecated
property MozBoxDirection
MozBoxDirection?: Property.BoxDirection | undefined;The **
box-direction** CSS property specifies whether a box lays out its contents normally (from the top or left edge), or in reverse (from the bottom or right edge).**Syntax**:
normal | reverse | inherit**Initial value**:
normalDeprecated
property MozBoxFlex
MozBoxFlex?: Property.BoxFlex | undefined;The **
-moz-box-flex** and **-webkit-box-flex** CSS properties specify how a-moz-boxor-webkit-boxgrows to fill the box that contains it, in the direction of the containing box's layout.**Syntax**:
<number>**Initial value**:
0Deprecated
property MozBoxOrdinalGroup
MozBoxOrdinalGroup?: Property.BoxOrdinalGroup | undefined;The **
box-ordinal-group** CSS property assigns the flexbox's child elements to an ordinal group.**Syntax**:
<integer>**Initial value**:
1Deprecated
property MozBoxOrient
MozBoxOrient?: Property.BoxOrient | undefined;The **
box-orient** CSS property sets whether an element lays out its contents horizontally or vertically.**Syntax**:
horizontal | vertical | inline-axis | block-axis | inherit**Initial value**:
inline-axisDeprecated
property MozBoxPack
MozBoxPack?: Property.BoxPack | undefined;The **
-moz-box-pack** and **-webkit-box-pack** CSS properties specify how a-moz-boxor-webkit-boxpacks 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**:
startDeprecated
property MozBoxShadow
MozBoxShadow?: 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**:
none | <shadow>#**Initial value**:
noneDeprecated
property MozColumnCount
MozColumnCount?: Property.ColumnCount | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.
**Syntax**:
<integer> | auto**Initial value**:
autoDeprecated
property MozColumnFill
MozColumnFill?: Property.ColumnFill | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.
**Syntax**:
auto | balance**Initial value**:
balanceDeprecated
property MozFloatEdge
MozFloatEdge?: Property.MozFloatEdge | undefined;The non-standard **
-moz-float-edge** CSS property specifies whether the height and width properties of the element include the margin, border, or padding thickness.**Syntax**:
border-box | content-box | margin-box | padding-box**Initial value**:
content-boxDeprecated
property MozForceBrokenImageIcon
MozForceBrokenImageIcon?: Property.MozForceBrokenImageIcon | undefined;The **
-moz-force-broken-image-icon** extended CSS property can be used to force the broken image icon to be shown even when a broken image has analtattribute.**Syntax**:
0 | 1**Initial value**:
0Deprecated
property MozOpacity
MozOpacity?: Property.Opacity | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**Syntax**:
<opacity-value>**Initial value**:
1Deprecated
property MozOutline
MozOutline?: Property.Outline<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2023.
**Syntax**:
<'outline-width'> || <'outline-style'> || <'outline-color'>Deprecated
property MozOutlineColor
MozOutlineColor?: Property.OutlineColor | 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 | <color>**Initial value**:
autoDeprecated
property MozOutlineStyle
MozOutlineStyle?: Property.OutlineStyle | 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 | <outline-line-style>**Initial value**:
noneDeprecated
property MozOutlineWidth
MozOutlineWidth?: Property.OutlineWidth<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-width>**Initial value**:
mediumDeprecated
property MozTextAlignLast
MozTextAlignLast?: Property.TextAlignLast | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2022.
**Syntax**:
auto | start | end | left | right | center | justify**Initial value**:
autoDeprecated
property MozTextDecorationColor
MozTextDecorationColor?: Property.TextDecorationColor | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
**Syntax**:
<color>**Initial value**:
currentcolorDeprecated
property MozTextDecorationLine
MozTextDecorationLine?: Property.TextDecorationLine | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
**Syntax**:
none | [ underline || overline || line-through || blink ] | spelling-error | grammar-error**Initial value**:
noneDeprecated
property MozTextDecorationStyle
MozTextDecorationStyle?: Property.TextDecorationStyle | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
**Syntax**:
solid | double | dotted | dashed | wavy**Initial value**:
solidDeprecated
property MozTransitionDelay
MozTransitionDelay?: Property.TransitionDelay<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**:
<time>#**Initial value**:
0sDeprecated
property MozTransitionDuration
MozTransitionDuration?: Property.TransitionDuration<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**:
<time>#**Initial value**:
0sDeprecated
property MozTransitionProperty
MozTransitionProperty?: Property.TransitionProperty | 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 | <single-transition-property>#**Initial value**: all
Deprecated
property MozTransitionTimingFunction
MozTransitionTimingFunction?: Property.TransitionTimingFunction | 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**:
easeDeprecated
property MozUserFocus
MozUserFocus?: Property.MozUserFocus | undefined;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**:
noneDeprecated
property MozUserInput
MozUserInput?: Property.MozUserInput | undefined;In Mozilla applications, **
-moz-user-input** determines if an element will accept user input.**Syntax**:
auto | none | enabled | disabled**Initial value**:
autoDeprecated
property msImeMode
msImeMode?: Property.ImeMode | undefined;**Syntax**:
auto | normal | active | inactive | disabled**Initial value**:
autoDeprecated
property OAnimation
OAnimation?: Property.Animation<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>#Deprecated
property OAnimationDelay
OAnimationDelay?: 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**:
<time>#**Initial value**:
0sDeprecated
property OAnimationDirection
OAnimationDirection?: 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**:
<single-animation-direction>#**Initial value**:
normalDeprecated
property OAnimationDuration
OAnimationDuration?: 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**:
[ auto | <time [0s,∞]> ]#**Initial value**:
0sDeprecated
property OAnimationFillMode
OAnimationFillMode?: 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-fill-mode>#**Initial value**:
noneDeprecated
property OAnimationIterationCount
OAnimationIterationCount?: 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**:
<single-animation-iteration-count>#**Initial value**:
1Deprecated
property OAnimationName
OAnimationName?: 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**:
[ none | <keyframes-name> ]#**Initial value**:
noneDeprecated
property OAnimationPlayState
OAnimationPlayState?: Property.AnimationPlayState | 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**:
runningDeprecated
property OAnimationTimingFunction
OAnimationTimingFunction?: Property.AnimationTimingFunction | 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**:
easeDeprecated
property OBackgroundSize
OBackgroundSize?: Property.BackgroundSize<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**:
<bg-size>#**Initial value**:
auto autoDeprecated
property OBorderImage
OBorderImage?: Property.BorderImage | 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-image-source'> || <'border-image-slice'> [ / <'border-image-width'> | / <'border-image-width'>? / <'border-image-outset'> ]? || <'border-image-repeat'>Deprecated
property offsetBlock
offsetBlock?: Property.InsetBlock<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
<'top'>{1,2}Deprecated
property offsetBlockEnd
offsetBlockEnd?: Property.InsetBlockEnd<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
<'top'>**Initial value**:
autoDeprecated
property offsetBlockStart
offsetBlockStart?: Property.InsetBlockStart<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
<'top'>**Initial value**:
autoDeprecated
property offsetInline
offsetInline?: Property.InsetInline<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
<'top'>{1,2}Deprecated
property offsetInlineEnd
offsetInlineEnd?: Property.InsetInlineEnd<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
<'top'>**Initial value**:
autoDeprecated
property offsetInlineStart
offsetInlineStart?: Property.InsetInlineStart<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
<'top'>**Initial value**:
autoDeprecated
property OObjectFit
OObjectFit?: Property.ObjectFit | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
**Syntax**:
fill | contain | cover | none | scale-down**Initial value**:
fillDeprecated
property OObjectPosition
OObjectPosition?: Property.ObjectPosition<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**:
<position>**Initial value**:
50% 50%Deprecated
property OTabSize
OTabSize?: Property.TabSize<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since August 2021.
**Syntax**:
<integer> | <length>**Initial value**:
8Deprecated
property OTextOverflow
OTextOverflow?: Property.TextOverflow | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**Syntax**:
[ clip | ellipsis | <string> ]{1,2}**Initial value**:
clipDeprecated
property OTransform
OTransform?: Property.Transform | 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 | <transform-list>**Initial value**:
noneDeprecated
property OTransformOrigin
OTransformOrigin?: Property.TransformOrigin<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
**Syntax**:
[ <length-percentage> | left | center | right | top | bottom ] | [ [ <length-percentage> | left | center | right ] && [ <length-percentage> | top | center | bottom ] ] <length>?**Initial value**:
50% 50% 0Deprecated
property OTransition
OTransition?: Property.Transition<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-transition>#Deprecated
property OTransitionDelay
OTransitionDelay?: Property.TransitionDelay<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**:
<time>#**Initial value**:
0sDeprecated
property OTransitionDuration
OTransitionDuration?: Property.TransitionDuration<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**:
<time>#**Initial value**:
0sDeprecated
property OTransitionProperty
OTransitionProperty?: Property.TransitionProperty | 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 | <single-transition-property>#**Initial value**: all
Deprecated
property OTransitionTimingFunction
OTransitionTimingFunction?: Property.TransitionTimingFunction | 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**:
easeDeprecated
property pageBreakAfter
pageBreakAfter?: Property.PageBreakAfter | undefined;The **
page-break-after** CSS property adjusts page breaks _after_ the current element.**Syntax**:
auto | always | avoid | left | right | recto | verso**Initial value**:
autoDeprecated
property pageBreakBefore
pageBreakBefore?: Property.PageBreakBefore | undefined;The **
page-break-before** CSS property adjusts page breaks _before_ the current element.**Syntax**:
auto | always | avoid | left | right | recto | verso**Initial value**:
autoDeprecated
property pageBreakInside
pageBreakInside?: Property.PageBreakInside | undefined;The **
page-break-inside** CSS property adjusts page breaks _inside_ the current element.**Syntax**:
auto | avoid**Initial value**:
autoDeprecated
property positionTryOptions
positionTryOptions?: Property.PositionTryFallbacks | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
none | [ [<dashed-ident> || <try-tactic>] | <'position-area'> ]#**Initial value**:
noneDeprecated
property scrollSnapCoordinate
scrollSnapCoordinate?: Property.ScrollSnapCoordinate<TLength> | undefined;**Syntax**:
none | <position>#**Initial value**:
noneDeprecated
property scrollSnapDestination
scrollSnapDestination?: Property.ScrollSnapDestination<TLength> | undefined;**Syntax**:
<position>**Initial value**:
0px 0pxDeprecated
property scrollSnapPointsX
scrollSnapPointsX?: Property.ScrollSnapPointsX | undefined;**Syntax**:
none | repeat( <length-percentage> )**Initial value**:
noneDeprecated
property scrollSnapPointsY
scrollSnapPointsY?: Property.ScrollSnapPointsY | undefined;**Syntax**:
none | repeat( <length-percentage> )**Initial value**:
noneDeprecated
property scrollSnapTypeX
scrollSnapTypeX?: Property.ScrollSnapTypeX | undefined;**Syntax**:
none | mandatory | proximity**Initial value**:
noneDeprecated
property scrollSnapTypeY
scrollSnapTypeY?: Property.ScrollSnapTypeY | undefined;**Syntax**:
none | mandatory | proximity**Initial value**:
noneDeprecated
property WebkitBoxAlign
WebkitBoxAlign?: Property.BoxAlign | undefined;The **
box-align** CSS property specifies how an element aligns its contents across its layout in a perpendicular direction. The effect of the property is only visible if there is extra space in the box.**Syntax**:
start | center | end | baseline | stretch**Initial value**:
stretchDeprecated
property WebkitBoxDirection
WebkitBoxDirection?: Property.BoxDirection | undefined;The **
box-direction** CSS property specifies whether a box lays out its contents normally (from the top or left edge), or in reverse (from the bottom or right edge).**Syntax**:
normal | reverse | inherit**Initial value**:
normalDeprecated
property WebkitBoxFlex
WebkitBoxFlex?: Property.BoxFlex | undefined;The **
-moz-box-flex** and **-webkit-box-flex** CSS properties specify how a-moz-boxor-webkit-boxgrows to fill the box that contains it, in the direction of the containing box's layout.**Syntax**:
<number>**Initial value**:
0Deprecated
property WebkitBoxFlexGroup
WebkitBoxFlexGroup?: Property.BoxFlexGroup | undefined;The **
box-flex-group** CSS property assigns the flexbox's child elements to a flex group.**Syntax**:
<integer>**Initial value**:
1Deprecated
property WebkitBoxLines
WebkitBoxLines?: Property.BoxLines | undefined;The **
box-lines** CSS property determines whether the box may have a single or multiple lines (rows for horizontally oriented boxes, columns for vertically oriented boxes).**Syntax**:
single | multiple**Initial value**:
singleDeprecated
property WebkitBoxOrdinalGroup
WebkitBoxOrdinalGroup?: Property.BoxOrdinalGroup | undefined;The **
box-ordinal-group** CSS property assigns the flexbox's child elements to an ordinal group.**Syntax**:
<integer>**Initial value**:
1Deprecated
property WebkitBoxOrient
WebkitBoxOrient?: Property.BoxOrient | undefined;The **
box-orient** CSS property sets whether an element lays out its contents horizontally or vertically.**Syntax**:
horizontal | vertical | inline-axis | block-axis | inherit**Initial value**:
inline-axisDeprecated
property WebkitBoxPack
WebkitBoxPack?: Property.BoxPack | undefined;The **
-moz-box-pack** and **-webkit-box-pack** CSS properties specify how a-moz-boxor-webkit-boxpacks 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**:
startDeprecated
interface ObsoletePropertiesHyphen
interface ObsoletePropertiesHyphen< TLength = (string & {}) | 0, TTime = string & {}> {}property "-khtml-box-align"
'-khtml-box-align'?: Property.BoxAlign | undefined;The **
box-align** CSS property specifies how an element aligns its contents across its layout in a perpendicular direction. The effect of the property is only visible if there is extra space in the box.**Syntax**:
start | center | end | baseline | stretch**Initial value**:
stretchDeprecated
property "-khtml-box-direction"
'-khtml-box-direction'?: Property.BoxDirection | undefined;The **
box-direction** CSS property specifies whether a box lays out its contents normally (from the top or left edge), or in reverse (from the bottom or right edge).**Syntax**:
normal | reverse | inherit**Initial value**:
normalDeprecated
property "-khtml-box-flex-group"
'-khtml-box-flex-group'?: Property.BoxFlexGroup | undefined;The **
box-flex-group** CSS property assigns the flexbox's child elements to a flex group.**Syntax**:
<integer>**Initial value**:
1Deprecated
property "-khtml-box-flex"
'-khtml-box-flex'?: Property.BoxFlex | undefined;The **
-moz-box-flex** and **-webkit-box-flex** CSS properties specify how a-moz-boxor-webkit-boxgrows to fill the box that contains it, in the direction of the containing box's layout.**Syntax**:
<number>**Initial value**:
0Deprecated
property "-khtml-box-lines"
'-khtml-box-lines'?: Property.BoxLines | undefined;The **
box-lines** CSS property determines whether the box may have a single or multiple lines (rows for horizontally oriented boxes, columns for vertically oriented boxes).**Syntax**:
single | multiple**Initial value**:
singleDeprecated
property "-khtml-box-ordinal-group"
'-khtml-box-ordinal-group'?: Property.BoxOrdinalGroup | undefined;The **
box-ordinal-group** CSS property assigns the flexbox's child elements to an ordinal group.**Syntax**:
<integer>**Initial value**:
1Deprecated
property "-khtml-box-orient"
'-khtml-box-orient'?: Property.BoxOrient | undefined;The **
box-orient** CSS property sets whether an element lays out its contents horizontally or vertically.**Syntax**:
horizontal | vertical | inline-axis | block-axis | inherit**Initial value**:
inline-axisDeprecated
property "-khtml-box-pack"
'-khtml-box-pack'?: Property.BoxPack | undefined;The **
-moz-box-pack** and **-webkit-box-pack** CSS properties specify how a-moz-boxor-webkit-boxpacks 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**:
startDeprecated
property "-khtml-line-break"
'-khtml-line-break'?: Property.LineBreak | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2020.
**Syntax**:
auto | loose | normal | strict | anywhere**Initial value**:
autoDeprecated
property "-khtml-opacity"
'-khtml-opacity'?: Property.Opacity | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**Syntax**:
<opacity-value>**Initial value**:
1Deprecated
property "-khtml-user-select"
'-khtml-user-select'?: Property.UserSelect | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
auto | text | none | all**Initial value**:
autoDeprecated
property "-moz-background-clip"
'-moz-background-clip'?: 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**:
<bg-clip>#**Initial value**:
border-boxDeprecated
property "-moz-background-origin"
'-moz-background-origin'?: Property.BackgroundOrigin | 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-boxDeprecated
property "-moz-background-size"
'-moz-background-size'?: Property.BackgroundSize<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**:
<bg-size>#**Initial value**:
auto autoDeprecated
property "-moz-border-radius-bottomleft"
'-moz-border-radius-bottomleft'?: | 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**:
0Deprecated
property "-moz-border-radius-bottomright"
'-moz-border-radius-bottomright'?: | 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**:
<length-percentage [0,∞]>{1,2}**Initial value**:
0Deprecated
property "-moz-border-radius-topleft"
'-moz-border-radius-topleft'?: 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**:
0Deprecated
property "-moz-border-radius-topright"
'-moz-border-radius-topright'?: | 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**:
<length-percentage [0,∞]>{1,2}**Initial value**:
0Deprecated
property "-moz-border-radius"
'-moz-border-radius'?: Property.BorderRadius<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,4} [ / <length-percentage [0,∞]>{1,4} ]?Deprecated
property "-moz-box-align"
'-moz-box-align'?: Property.BoxAlign | undefined;The **
box-align** CSS property specifies how an element aligns its contents across its layout in a perpendicular direction. The effect of the property is only visible if there is extra space in the box.**Syntax**:
start | center | end | baseline | stretch**Initial value**:
stretchDeprecated
property "-moz-box-direction"
'-moz-box-direction'?: Property.BoxDirection | undefined;The **
box-direction** CSS property specifies whether a box lays out its contents normally (from the top or left edge), or in reverse (from the bottom or right edge).**Syntax**:
normal | reverse | inherit**Initial value**:
normalDeprecated
property "-moz-box-flex"
'-moz-box-flex'?: Property.BoxFlex | undefined;The **
-moz-box-flex** and **-webkit-box-flex** CSS properties specify how a-moz-boxor-webkit-boxgrows to fill the box that contains it, in the direction of the containing box's layout.**Syntax**:
<number>**Initial value**:
0Deprecated
property "-moz-box-ordinal-group"
'-moz-box-ordinal-group'?: Property.BoxOrdinalGroup | undefined;The **
box-ordinal-group** CSS property assigns the flexbox's child elements to an ordinal group.**Syntax**:
<integer>**Initial value**:
1Deprecated
property "-moz-box-orient"
'-moz-box-orient'?: Property.BoxOrient | undefined;The **
box-orient** CSS property sets whether an element lays out its contents horizontally or vertically.**Syntax**:
horizontal | vertical | inline-axis | block-axis | inherit**Initial value**:
inline-axisDeprecated
property "-moz-box-pack"
'-moz-box-pack'?: Property.BoxPack | undefined;The **
-moz-box-pack** and **-webkit-box-pack** CSS properties specify how a-moz-boxor-webkit-boxpacks 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**:
startDeprecated
property "-moz-box-shadow"
'-moz-box-shadow'?: 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**:
none | <shadow>#**Initial value**:
noneDeprecated
property "-moz-column-count"
'-moz-column-count'?: Property.ColumnCount | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.
**Syntax**:
<integer> | auto**Initial value**:
autoDeprecated
property "-moz-column-fill"
'-moz-column-fill'?: Property.ColumnFill | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.
**Syntax**:
auto | balance**Initial value**:
balanceDeprecated
property "-moz-float-edge"
'-moz-float-edge'?: Property.MozFloatEdge | undefined;The non-standard **
-moz-float-edge** CSS property specifies whether the height and width properties of the element include the margin, border, or padding thickness.**Syntax**:
border-box | content-box | margin-box | padding-box**Initial value**:
content-boxDeprecated
property "-moz-force-broken-image-icon"
'-moz-force-broken-image-icon'?: Property.MozForceBrokenImageIcon | undefined;The **
-moz-force-broken-image-icon** extended CSS property can be used to force the broken image icon to be shown even when a broken image has analtattribute.**Syntax**:
0 | 1**Initial value**:
0Deprecated
property "-moz-opacity"
'-moz-opacity'?: Property.Opacity | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**Syntax**:
<opacity-value>**Initial value**:
1Deprecated
property "-moz-outline-color"
'-moz-outline-color'?: Property.OutlineColor | 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 | <color>**Initial value**:
autoDeprecated
property "-moz-outline-style"
'-moz-outline-style'?: Property.OutlineStyle | 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 | <outline-line-style>**Initial value**:
noneDeprecated
property "-moz-outline-width"
'-moz-outline-width'?: Property.OutlineWidth<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-width>**Initial value**:
mediumDeprecated
property "-moz-outline"
'-moz-outline'?: Property.Outline<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2023.
**Syntax**:
<'outline-width'> || <'outline-style'> || <'outline-color'>Deprecated
property "-moz-text-align-last"
'-moz-text-align-last'?: Property.TextAlignLast | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2022.
**Syntax**:
auto | start | end | left | right | center | justify**Initial value**:
autoDeprecated
property "-moz-text-decoration-color"
'-moz-text-decoration-color'?: Property.TextDecorationColor | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
**Syntax**:
<color>**Initial value**:
currentcolorDeprecated
property "-moz-text-decoration-line"
'-moz-text-decoration-line'?: Property.TextDecorationLine | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
**Syntax**:
none | [ underline || overline || line-through || blink ] | spelling-error | grammar-error**Initial value**:
noneDeprecated
property "-moz-text-decoration-style"
'-moz-text-decoration-style'?: Property.TextDecorationStyle | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
**Syntax**:
solid | double | dotted | dashed | wavy**Initial value**:
solidDeprecated
property "-moz-transition-delay"
'-moz-transition-delay'?: Property.TransitionDelay<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**:
<time>#**Initial value**:
0sDeprecated
property "-moz-transition-duration"
'-moz-transition-duration'?: Property.TransitionDuration<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**:
<time>#**Initial value**:
0sDeprecated
property "-moz-transition-property"
'-moz-transition-property'?: Property.TransitionProperty | 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 | <single-transition-property>#**Initial value**: all
Deprecated
property "-moz-transition-timing-function"
'-moz-transition-timing-function'?: | Property.TransitionTimingFunction | 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**:
easeDeprecated
property "-moz-user-focus"
'-moz-user-focus'?: Property.MozUserFocus | undefined;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**:
noneDeprecated
property "-moz-user-input"
'-moz-user-input'?: Property.MozUserInput | undefined;In Mozilla applications, **
-moz-user-input** determines if an element will accept user input.**Syntax**:
auto | none | enabled | disabled**Initial value**:
autoDeprecated
property "-ms-ime-mode"
'-ms-ime-mode'?: Property.ImeMode | undefined;**Syntax**:
auto | normal | active | inactive | disabled**Initial value**:
autoDeprecated
property "-o-animation-delay"
'-o-animation-delay'?: 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**:
<time>#**Initial value**:
0sDeprecated
property "-o-animation-direction"
'-o-animation-direction'?: 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**:
<single-animation-direction>#**Initial value**:
normalDeprecated
property "-o-animation-duration"
'-o-animation-duration'?: 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**:
[ auto | <time [0s,∞]> ]#**Initial value**:
0sDeprecated
property "-o-animation-fill-mode"
'-o-animation-fill-mode'?: 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-fill-mode>#**Initial value**:
noneDeprecated
property "-o-animation-iteration-count"
'-o-animation-iteration-count'?: 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**:
<single-animation-iteration-count>#**Initial value**:
1Deprecated
property "-o-animation-name"
'-o-animation-name'?: 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**:
[ none | <keyframes-name> ]#**Initial value**:
noneDeprecated
property "-o-animation-play-state"
'-o-animation-play-state'?: Property.AnimationPlayState | 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**:
runningDeprecated
property "-o-animation-timing-function"
'-o-animation-timing-function'?: Property.AnimationTimingFunction | 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**:
easeDeprecated
property "-o-animation"
'-o-animation'?: Property.Animation<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>#Deprecated
property "-o-background-size"
'-o-background-size'?: Property.BackgroundSize<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**:
<bg-size>#**Initial value**:
auto autoDeprecated
property "-o-border-image"
'-o-border-image'?: Property.BorderImage | 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-image-source'> || <'border-image-slice'> [ / <'border-image-width'> | / <'border-image-width'>? / <'border-image-outset'> ]? || <'border-image-repeat'>Deprecated
property "-o-object-fit"
'-o-object-fit'?: Property.ObjectFit | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
**Syntax**:
fill | contain | cover | none | scale-down**Initial value**:
fillDeprecated
property "-o-object-position"
'-o-object-position'?: Property.ObjectPosition<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**:
<position>**Initial value**:
50% 50%Deprecated
property "-o-tab-size"
'-o-tab-size'?: Property.TabSize<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since August 2021.
**Syntax**:
<integer> | <length>**Initial value**:
8Deprecated
property "-o-text-overflow"
'-o-text-overflow'?: Property.TextOverflow | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**Syntax**:
[ clip | ellipsis | <string> ]{1,2}**Initial value**:
clipDeprecated
property "-o-transform-origin"
'-o-transform-origin'?: Property.TransformOrigin<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
**Syntax**:
[ <length-percentage> | left | center | right | top | bottom ] | [ [ <length-percentage> | left | center | right ] && [ <length-percentage> | top | center | bottom ] ] <length>?**Initial value**:
50% 50% 0Deprecated
property "-o-transform"
'-o-transform'?: Property.Transform | 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 | <transform-list>**Initial value**:
noneDeprecated
property "-o-transition-delay"
'-o-transition-delay'?: Property.TransitionDelay<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**:
<time>#**Initial value**:
0sDeprecated
property "-o-transition-duration"
'-o-transition-duration'?: Property.TransitionDuration<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**:
<time>#**Initial value**:
0sDeprecated
property "-o-transition-property"
'-o-transition-property'?: Property.TransitionProperty | 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 | <single-transition-property>#**Initial value**: all
Deprecated
property "-o-transition-timing-function"
'-o-transition-timing-function'?: Property.TransitionTimingFunction | 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**:
easeDeprecated
property "-o-transition"
'-o-transition'?: Property.Transition<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-transition>#Deprecated
property "-webkit-box-align"
'-webkit-box-align'?: Property.BoxAlign | undefined;The **
box-align** CSS property specifies how an element aligns its contents across its layout in a perpendicular direction. The effect of the property is only visible if there is extra space in the box.**Syntax**:
start | center | end | baseline | stretch**Initial value**:
stretchDeprecated
property "-webkit-box-direction"
'-webkit-box-direction'?: Property.BoxDirection | undefined;The **
box-direction** CSS property specifies whether a box lays out its contents normally (from the top or left edge), or in reverse (from the bottom or right edge).**Syntax**:
normal | reverse | inherit**Initial value**:
normalDeprecated
property "-webkit-box-flex-group"
'-webkit-box-flex-group'?: Property.BoxFlexGroup | undefined;The **
box-flex-group** CSS property assigns the flexbox's child elements to a flex group.**Syntax**:
<integer>**Initial value**:
1Deprecated
property "-webkit-box-flex"
'-webkit-box-flex'?: Property.BoxFlex | undefined;The **
-moz-box-flex** and **-webkit-box-flex** CSS properties specify how a-moz-boxor-webkit-boxgrows to fill the box that contains it, in the direction of the containing box's layout.**Syntax**:
<number>**Initial value**:
0Deprecated
property "-webkit-box-lines"
'-webkit-box-lines'?: Property.BoxLines | undefined;The **
box-lines** CSS property determines whether the box may have a single or multiple lines (rows for horizontally oriented boxes, columns for vertically oriented boxes).**Syntax**:
single | multiple**Initial value**:
singleDeprecated
property "-webkit-box-ordinal-group"
'-webkit-box-ordinal-group'?: Property.BoxOrdinalGroup | undefined;The **
box-ordinal-group** CSS property assigns the flexbox's child elements to an ordinal group.**Syntax**:
<integer>**Initial value**:
1Deprecated
property "-webkit-box-orient"
'-webkit-box-orient'?: Property.BoxOrient | undefined;The **
box-orient** CSS property sets whether an element lays out its contents horizontally or vertically.**Syntax**:
horizontal | vertical | inline-axis | block-axis | inherit**Initial value**:
inline-axisDeprecated
property "-webkit-box-pack"
'-webkit-box-pack'?: Property.BoxPack | undefined;The **
-moz-box-pack** and **-webkit-box-pack** CSS properties specify how a-moz-boxor-webkit-boxpacks 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**:
startDeprecated
property "box-align"
'box-align'?: Property.BoxAlign | undefined;The **
box-align** CSS property specifies how an element aligns its contents across its layout in a perpendicular direction. The effect of the property is only visible if there is extra space in the box.**Syntax**:
start | center | end | baseline | stretch**Initial value**:
stretchDeprecated
property "box-direction"
'box-direction'?: Property.BoxDirection | undefined;The **
box-direction** CSS property specifies whether a box lays out its contents normally (from the top or left edge), or in reverse (from the bottom or right edge).**Syntax**:
normal | reverse | inherit**Initial value**:
normalDeprecated
property "box-flex-group"
'box-flex-group'?: Property.BoxFlexGroup | undefined;The **
box-flex-group** CSS property assigns the flexbox's child elements to a flex group.**Syntax**:
<integer>**Initial value**:
1Deprecated
property "box-flex"
'box-flex'?: Property.BoxFlex | undefined;The **
-moz-box-flex** and **-webkit-box-flex** CSS properties specify how a-moz-boxor-webkit-boxgrows to fill the box that contains it, in the direction of the containing box's layout.**Syntax**:
<number>**Initial value**:
0Deprecated
property "box-lines"
'box-lines'?: Property.BoxLines | undefined;The **
box-lines** CSS property determines whether the box may have a single or multiple lines (rows for horizontally oriented boxes, columns for vertically oriented boxes).**Syntax**:
single | multiple**Initial value**:
singleDeprecated
property "box-ordinal-group"
'box-ordinal-group'?: Property.BoxOrdinalGroup | undefined;The **
box-ordinal-group** CSS property assigns the flexbox's child elements to an ordinal group.**Syntax**:
<integer>**Initial value**:
1Deprecated
property "box-orient"
'box-orient'?: Property.BoxOrient | undefined;The **
box-orient** CSS property sets whether an element lays out its contents horizontally or vertically.**Syntax**:
horizontal | vertical | inline-axis | block-axis | inherit**Initial value**:
inline-axisDeprecated
property "box-pack"
'box-pack'?: Property.BoxPack | undefined;The **
-moz-box-pack** and **-webkit-box-pack** CSS properties specify how a-moz-boxor-webkit-boxpacks 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**:
startDeprecated
property "font-stretch"
'font-stretch'?: Property.FontStretch | undefined;The **
font-stretch** CSS property selects a normal, condensed, or expanded face from a font.**Syntax**:
<font-stretch-absolute>**Initial value**:
normalDeprecated
property "grid-column-gap"
'grid-column-gap'?: Property.GridColumnGap<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>**Initial value**:
0Deprecated
property "grid-gap"
'grid-gap'?: Property.GridGap<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.
**Syntax**:
<'grid-row-gap'> <'grid-column-gap'>?Deprecated
property "grid-row-gap"
'grid-row-gap'?: Property.GridRowGap<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.
**Syntax**:
<length-percentage>**Initial value**:
0Deprecated
property "ime-mode"
'ime-mode'?: Property.ImeMode | undefined;**Syntax**:
auto | normal | active | inactive | disabled**Initial value**:
autoDeprecated
property "inset-area"
'inset-area'?: Property.PositionArea | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
none | <position-area>**Initial value**:
noneDeprecated
property "offset-block-end"
'offset-block-end'?: Property.InsetBlockEnd<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
<'top'>**Initial value**:
autoDeprecated
property "offset-block-start"
'offset-block-start'?: Property.InsetBlockStart<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
<'top'>**Initial value**:
autoDeprecated
property "offset-block"
'offset-block'?: Property.InsetBlock<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
<'top'>{1,2}Deprecated
property "offset-inline-end"
'offset-inline-end'?: Property.InsetInlineEnd<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
<'top'>**Initial value**:
autoDeprecated
property "offset-inline-start"
'offset-inline-start'?: Property.InsetInlineStart<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
<'top'>**Initial value**:
autoDeprecated
property "offset-inline"
'offset-inline'?: Property.InsetInline<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
<'top'>{1,2}Deprecated
property "page-break-after"
'page-break-after'?: Property.PageBreakAfter | undefined;The **
page-break-after** CSS property adjusts page breaks _after_ the current element.**Syntax**:
auto | always | avoid | left | right | recto | verso**Initial value**:
autoDeprecated
property "page-break-before"
'page-break-before'?: Property.PageBreakBefore | undefined;The **
page-break-before** CSS property adjusts page breaks _before_ the current element.**Syntax**:
auto | always | avoid | left | right | recto | verso**Initial value**:
autoDeprecated
property "page-break-inside"
'page-break-inside'?: Property.PageBreakInside | undefined;The **
page-break-inside** CSS property adjusts page breaks _inside_ the current element.**Syntax**:
auto | avoid**Initial value**:
autoDeprecated
property "position-try-options"
'position-try-options'?: Property.PositionTryFallbacks | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
none | [ [<dashed-ident> || <try-tactic>] | <'position-area'> ]#**Initial value**:
noneDeprecated
property "scroll-snap-coordinate"
'scroll-snap-coordinate'?: Property.ScrollSnapCoordinate<TLength> | undefined;**Syntax**:
none | <position>#**Initial value**:
noneDeprecated
property "scroll-snap-destination"
'scroll-snap-destination'?: Property.ScrollSnapDestination<TLength> | undefined;**Syntax**:
<position>**Initial value**:
0px 0pxDeprecated
property "scroll-snap-points-x"
'scroll-snap-points-x'?: Property.ScrollSnapPointsX | undefined;**Syntax**:
none | repeat( <length-percentage> )**Initial value**:
noneDeprecated
property "scroll-snap-points-y"
'scroll-snap-points-y'?: Property.ScrollSnapPointsY | undefined;**Syntax**:
none | repeat( <length-percentage> )**Initial value**:
noneDeprecated
property "scroll-snap-type-x"
'scroll-snap-type-x'?: Property.ScrollSnapTypeX | undefined;**Syntax**:
none | mandatory | proximity**Initial value**:
noneDeprecated
property "scroll-snap-type-y"
'scroll-snap-type-y'?: Property.ScrollSnapTypeY | undefined;**Syntax**:
none | mandatory | proximity**Initial value**:
noneDeprecated
property clip
clip?: Property.Clip | undefined;The **
clip** CSS property defines a visible portion of an element. Theclipproperty applies only to absolutely positioned elements — that is, elements withposition:absoluteorposition:fixed.**Syntax**:
<shape> | auto**Initial value**:
autoDeprecated
interface Properties
interface Properties<TLength = (string & {}) | 0, TTime = string & {}> extends StandardProperties<TLength, TTime>, VendorProperties<TLength, TTime>, ObsoleteProperties<TLength, TTime>, SvgProperties<TLength, TTime> {}interface PropertiesFallback
interface PropertiesFallback<TLength = (string & {}) | 0, TTime = string & {}> extends StandardPropertiesFallback<TLength, TTime>, VendorPropertiesFallback<TLength, TTime>, ObsoletePropertiesFallback<TLength, TTime>, SvgPropertiesFallback<TLength, TTime> {}interface PropertiesHyphen
interface PropertiesHyphen<TLength = (string & {}) | 0, TTime = string & {}> extends StandardPropertiesHyphen<TLength, TTime>, VendorPropertiesHyphen<TLength, TTime>, ObsoletePropertiesHyphen<TLength, TTime>, SvgPropertiesHyphen<TLength, TTime> {}interface PropertiesHyphenFallback
interface PropertiesHyphenFallback<TLength = (string & {}) | 0, TTime = string & {}> extends StandardPropertiesHyphenFallback<TLength, TTime>, VendorPropertiesHyphenFallback<TLength, TTime>, ObsoletePropertiesHyphenFallback<TLength, TTime>, SvgPropertiesHyphenFallback<TLength, TTime> {}interface StandardLonghandProperties
interface StandardLonghandProperties< TLength = (string & {}) | 0, TTime = string & {}> {}property accentColor
accentColor?: Property.AccentColor | undefined;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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/accent-color
property alignContent
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 | <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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/align-content
property alignItems
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**:
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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/align-items
property alignmentBaseline
alignmentBaseline?: Property.AlignmentBaseline | 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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/alignment-baseline
property alignSelf
alignSelf?: Property.AlignSelf | 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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/align-self
property alignTracks
alignTracks?: Property.AlignTracks | undefined;**Syntax**:
[ normal | <baseline-position> | <content-distribution> | <overflow-position>? <content-position> ]#**Initial value**:
normal
property anchorName
anchorName?: Property.AnchorName | 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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/anchor-name
property anchorScope
anchorScope?: Property.AnchorScope | undefined;**Syntax**:
none | all | <dashed-ident>#**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :-----: | :---------: | :----: | :-----: | :-: | | **131** | **preview** | **26** | **131** | No |
property animationComposition
animationComposition?: Property.AnimationComposition | 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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/animation-composition
property animationDelay
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**:
<time>#**Initial value**:
0s| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-----: | :----: | :----: | | **43** | **16** | **9** | **12** | **10** | | 3 _-x-_ | 5 _-x-_ | 4 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/animation-delay
property animationDirection
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**:
<single-animation-direction>#**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-----: | :----: | :----: | | **43** | **16** | **9** | **12** | **10** | | 3 _-x-_ | 5 _-x-_ | 4 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/animation-direction
property animationDuration
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**:
[ auto | <time [0s,∞]> ]#**Initial value**:
0s| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-----: | :----: | :----: | | **43** | **16** | **9** | **12** | **10** | | 3 _-x-_ | 5 _-x-_ | 4 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/animation-duration
property animationFillMode
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-fill-mode>#**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-----: | :----: | :----: | | **43** | **16** | **9** | **12** | **10** | | 3 _-x-_ | 5 _-x-_ | 5 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/animation-fill-mode
property animationIterationCount
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**:
<single-animation-iteration-count>#**Initial value**:
1| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-----: | :----: | :----: | | **43** | **16** | **9** | **12** | **10** | | 3 _-x-_ | 5 _-x-_ | 4 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/animation-iteration-count
property animationName
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**:
[ none | <keyframes-name> ]#**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-----: | :----: | :----: | | **43** | **16** | **9** | **12** | **10** | | 3 _-x-_ | 5 _-x-_ | 4 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/animation-name
property animationPlayState
animationPlayState?: Property.AnimationPlayState | 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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/animation-play-state
property animationRangeEnd
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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/animation-range-end
property animationRangeStart
animationRangeStart?: Property.AnimationRangeStart<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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/animation-range-start
property animationTimeline
animationTimeline?: Property.AnimationTimeline | 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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/animation-timeline
property animationTimingFunction
animationTimingFunction?: Property.AnimationTimingFunction | 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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/animation-timing-function
property 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 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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/appearance
property aspectRatio
aspectRatio?: Property.AspectRatio | 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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/aspect-ratio
property backdropFilter
backdropFilter?: Property.BackdropFilter | 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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/backdrop-filter
property backfaceVisibility
backfaceVisibility?: Property.BackfaceVisibility | 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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/backface-visibility
property backgroundAttachment
backgroundAttachment?: Property.BackgroundAttachment | 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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/background-attachment
property backgroundBlendMode
backgroundBlendMode?: Property.BackgroundBlendMode | 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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/background-blend-mode
property backgroundClip
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**:
<bg-clip>#**Initial value**:
border-box| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :----: | :---: | | **1** | **4** | **5** | **12** | **9** | | | | 3 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/background-clip
property backgroundColor
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**:
<color>**Initial value**:
transparent| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/background-color
property backgroundImage
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**:
<bg-image>#**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/background-image
property backgroundOrigin
backgroundOrigin?: Property.BackgroundOrigin | 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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/background-origin
property backgroundPositionX
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 | [ [ left | right | x-start | x-end ]? <length-percentage>? ]! ]#**Initial value**:
0%| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **49** | **1** | **12** | **6** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/background-position-x
property backgroundPositionY
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 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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/background-position-y
property backgroundRepeat
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**:
<repeat-style>#**Initial value**:
repeat| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/background-repeat
property backgroundSize
backgroundSize?: Property.BackgroundSize<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**:
<bg-size>#**Initial value**:
auto auto| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-----: | :----: | :---: | | **3** | **4** | **5** | **12** | **9** | | 1 _-x-_ | | 3 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/background-size
property baselineShift
baselineShift?: Property.BaselineShift<TLength> | undefined;**Syntax**:
<length-percentage> | sub | super | baseline**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **1** | No | **4** | **79** | No |
property blockSize
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**:
<'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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/block-size
property borderBlockEndColor
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-color'>**Initial value**:
currentcolor| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-block-end-color
property borderBlockEndStyle
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-style'>**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-block-end-style
property borderBlockEndWidth
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-width'>**Initial value**:
medium| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-block-end-width
property borderBlockStartColor
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-color'>**Initial value**:
currentcolor| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-block-start-color
property borderBlockStartStyle
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-style'>**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-block-start-style
property borderBlockStartWidth
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 January 2020.
**Syntax**:
<'border-top-width'>**Initial value**:
medium| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-block-start-width
property borderBottomColor
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**:
<'border-top-color'>**Initial value**:
currentcolor| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-bottom-color
property borderBottomLeftRadius
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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-bottom-left-radius
property borderBottomRightRadius
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**:
<length-percentage [0,∞]>{1,2}**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-----: | :----: | :---: | | **4** | **4** | **5** | **12** | **9** | | 1 _-x-_ | | 3 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-bottom-right-radius
property borderBottomStyle
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-style>**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-----: | | **1** | **1** | **1** | **12** | **5.5** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-bottom-style
property borderBottomWidth
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**:
<line-width>**Initial value**:
medium| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-bottom-width
property borderCollapse
borderCollapse?: Property.BorderCollapse | 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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-collapse
property borderEndEndRadius
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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-end-end-radius
property borderEndStartRadius
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 September 2021.
**Syntax**:
<'border-top-left-radius'>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **89** | **66** | **15** | **89** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-end-start-radius
property borderImageOutset
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 July 2015.
**Syntax**:
[ <length [0,∞]> | <number [0,∞]> ]{1,4}**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :----: | | **15** | **15** | **6** | **12** | **11** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-image-outset
property borderImageRepeat
borderImageRepeat?: Property.BorderImageRepeat | 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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-image-repeat
property borderImageSlice
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**:
[ <number [0,∞]> | <percentage [0,∞]> ]{1,4} && fill?**Initial value**:
100%| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :----: | | **15** | **15** | **6** | **12** | **11** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-image-slice
property borderImageSource
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**:
none | <image>**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :----: | | **15** | **15** | **6** | **12** | **11** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-image-source
property borderImageWidth
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 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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-image-width
property borderInlineEndColor
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-color'>**Initial value**:
currentcolor| Chrome | Firefox | Safari | Edge | IE | | :----: | :-------------------------: | :------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No | | | 3 _(-moz-border-end-color)_ | | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-inline-end-color
property borderInlineEndStyle
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-style'>**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-------------------------: | :------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No | | | 3 _(-moz-border-end-style)_ | | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-inline-end-style
property borderInlineEndWidth
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-width'>**Initial value**:
medium| Chrome | Firefox | Safari | Edge | IE | | :----: | :-------------------------: | :------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No | | | 3 _(-moz-border-end-width)_ | | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-inline-end-width
property borderInlineStartColor
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-color'>**Initial value**:
currentcolor| Chrome | Firefox | Safari | Edge | IE | | :----: | :---------------------------: | :------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No | | | 3 _(-moz-border-start-color)_ | | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-inline-start-color
property borderInlineStartStyle
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-style'>**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :---------------------------: | :------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No | | | 3 _(-moz-border-start-style)_ | | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-inline-start-style
property borderInlineStartWidth
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 January 2020.
**Syntax**:
<'border-top-width'>**Initial value**:
medium| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-inline-start-width
property borderLeftColor
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**:
<color>**Initial value**:
currentcolor| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-left-color
property borderLeftStyle
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-style>**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-----: | | **1** | **1** | **1** | **12** | **5.5** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-left-style
property borderLeftWidth
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**:
<line-width>**Initial value**:
medium| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-left-width
property borderRightColor
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**:
<color>**Initial value**:
currentcolor| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-right-color
property borderRightStyle
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-style>**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-----: | | **1** | **1** | **1** | **12** | **5.5** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-right-style
property borderRightWidth
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**:
<line-width>**Initial value**:
medium| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-right-width
property borderSpacing
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 July 2015.
**Syntax**:
<length>{1,2}**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **8** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-spacing
property borderStartEndRadius
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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-start-end-radius
property borderStartStartRadius
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 September 2021.
**Syntax**:
<'border-top-left-radius'>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **89** | **66** | **15** | **89** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-start-start-radius
property borderTopColor
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**:
<color>**Initial value**:
currentcolor| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-top-color
property borderTopLeftRadius
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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-top-left-radius
property borderTopRightRadius
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**:
<length-percentage [0,∞]>{1,2}**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-----: | :----: | :---: | | **4** | **4** | **5** | **12** | **9** | | 1 _-x-_ | | 3 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-top-right-radius
property borderTopStyle
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-style>**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-----: | | **1** | **1** | **1** | **12** | **5.5** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-top-style
property borderTopWidth
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**:
<line-width>**Initial value**:
medium| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-top-width
property bottom
bottom?: Property.Bottom<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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/bottom
property boxDecorationBreak
boxDecorationBreak?: Property.BoxDecorationBreak | 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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/box-decoration-break
property boxShadow
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**:
none | <shadow>#**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-----: | :----: | :---: | | **10** | **4** | **5.1** | **12** | **9** | | 1 _-x-_ | | 3 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/box-shadow
property boxSizing
boxSizing?: Property.BoxSizing | 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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/box-sizing
property breakAfter
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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/break-after
property breakBefore
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 | 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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/break-before
property breakInside
breakInside?: Property.BreakInside | 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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/break-inside
property captionSide
captionSide?: Property.CaptionSide | 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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/caption-side
property caretColor
caretColor?: Property.CaretColor | 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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/caret-color
property caretShape
caretShape?: Property.CaretShape | undefined;**Syntax**:
auto | bar | block | underscore**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :--: | :-: | | No | No | No | No | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/caret-shape
property clear
clear?: Property.Clear | 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 | left | right | both | inline-start | inline-end**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/clear
property clipPath
clipPath?: Property.ClipPath | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
**Syntax**:
<clip-source> | [ <basic-shape> || <geometry-box> ] | none**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :------: | :-----: | :-----: | :----: | :----: | | **55** | **3.5** | **9.1** | **79** | **10** | | 23 _-x-_ | | 7 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/clip-path
property clipRule
clipRule?: Property.ClipRule | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
**Syntax**:
nonzero | evenodd**Initial value**:
nonzero| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :----: | :----: | :-: | | **≤15** | **3.5** | **≤5** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/clip-rule
property color
color?: Property.Color | 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**:
canvastext| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **3** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/color
property colorAdjust
colorAdjust?: Property.PrintColorAdjust | undefined;Since May 2025, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
economy | exact**Initial value**:
economy| Chrome | Firefox | Safari | Edge | IE | | :------: | :-----------------: | :------: | :------: | :-: | | **136** | **97** | **15.4** | **136** | No | | 17 _-x-_ | 48 _(color-adjust)_ | 6 _-x-_ | 79 _-x-_ | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/print-color-adjust
property colorInterpolationFilters
colorInterpolationFilters?: Property.ColorInterpolationFilters | 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 | sRGB | linearRGB**Initial value**:
linearRGB| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **1** | **3** | **3** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/color-interpolation-filters
property colorScheme
colorScheme?: Property.ColorScheme | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2022.
**Syntax**:
normal | [ light | dark | <custom-ident> ]+ && only?**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **81** | **96** | **13** | **81** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/color-scheme
property columnCount
columnCount?: Property.ColumnCount | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.
**Syntax**:
<integer> | auto**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-----: | :----: | :----: | | **50** | **52** | **9** | **12** | **10** | | 1 _-x-_ | | 3 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/column-count
property columnFill
columnFill?: Property.ColumnFill | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.
**Syntax**:
auto | balance**Initial value**:
balance| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :----: | :----: | | **50** | **52** | **9** | **12** | **10** | | | | 8 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/column-fill
property columnGap
columnGap?: Property.ColumnGap<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**:
normal | <length-percentage>**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :----: | | **1** | **1.5** | **3** | **12** | **10** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/column-gap
property columnRuleColor
columnRuleColor?: Property.ColumnRuleColor | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.
**Syntax**:
<color>**Initial value**:
currentcolor| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-----: | :----: | :----: | | **50** | **52** | **9** | **12** | **10** | | 1 _-x-_ | | 3 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/column-rule-color
property columnRuleStyle
columnRuleStyle?: Property.ColumnRuleStyle | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.
**Syntax**:
<'border-style'>**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-----: | :----: | :----: | | **50** | **52** | **9** | **12** | **10** | | 1 _-x-_ | | 3 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/column-rule-style
property columnRuleWidth
columnRuleWidth?: Property.ColumnRuleWidth<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.
**Syntax**:
<'border-width'>**Initial value**:
medium| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-----: | :----: | :----: | | **50** | **52** | **9** | **12** | **10** | | 1 _-x-_ | | 3 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/column-rule-width
property columnSpan
columnSpan?: Property.ColumnSpan | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2020.
**Syntax**:
none | all**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-------: | :----: | :----: | | **50** | **71** | **9** | **12** | **10** | | 6 _-x-_ | | 5.1 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/column-span
property columnWidth
columnWidth?: Property.ColumnWidth<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since November 2016.
**Syntax**:
<length> | auto**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-----: | :----: | :----: | | **50** | **50** | **9** | **12** | **10** | | 1 _-x-_ | | 3 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/column-width
property contain
contain?: Property.Contain | 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 | strict | content | [ [ size || inline-size ] || layout || style || paint ]**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **52** | **69** | **15.4** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/contain
property containerName
containerName?: Property.ContainerName | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since February 2023.
**Syntax**:
none | <custom-ident>+**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :----: | :-----: | :-: | | **105** | **110** | **16** | **105** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/container-name
property containerType
containerType?: Property.ContainerType | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since February 2023.
**Syntax**:
normal | [ [ size | inline-size ] || scroll-state ]**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :----: | :-----: | :-: | | **105** | **110** | **16** | **105** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/container-type
property containIntrinsicBlockSize
containIntrinsicBlockSize?: | Property.ContainIntrinsicBlockSize<TLength> | undefined;Since September 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
auto? [ none | <length> ]**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **95** | **107** | **17** | **95** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/contain-intrinsic-block-size
property containIntrinsicHeight
containIntrinsicHeight?: Property.ContainIntrinsicHeight<TLength> | undefined;Since September 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
auto? [ none | <length> ]**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **95** | **107** | **17** | **95** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/contain-intrinsic-height
property containIntrinsicInlineSize
containIntrinsicInlineSize?: | Property.ContainIntrinsicInlineSize<TLength> | undefined;Since September 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
auto? [ none | <length> ]**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **95** | **107** | **17** | **95** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/contain-intrinsic-inline-size
property containIntrinsicWidth
containIntrinsicWidth?: Property.ContainIntrinsicWidth<TLength> | undefined;Since September 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
auto? [ none | <length> ]**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **95** | **107** | **17** | **95** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/contain-intrinsic-width
property content
content?: Property.Content | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**Syntax**:
normal | none | [ <content-replacement> | <content-list> ] [ / [ <string> | <counter> | <attr()> ]+ ]?**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **8** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/content
property contentVisibility
contentVisibility?: Property.ContentVisibility | 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**:
visible | auto | hidden**Initial value**:
visible| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **85** | **125** | **18** | **85** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/content-visibility
property counterIncrement
counterIncrement?: Property.CounterIncrement | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**Syntax**:
[ <counter-name> <integer>? ]+ | none**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **2** | **1** | **3** | **12** | **8** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/counter-increment
property counterReset
counterReset?: Property.CounterReset | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**Syntax**:
[ <counter-name> <integer>? | <reversed-counter-name> <integer>? ]+ | none**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **2** | **1** | **3** | **12** | **8** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/counter-reset
property counterSet
counterSet?: Property.CounterSet | undefined;Since December 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
[ <counter-name> <integer>? ]+ | none**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **85** | **68** | **17.2** | **85** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/counter-set
property cursor
cursor?: Property.Cursor | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since December 2021.
**Syntax**:
[ [ <url> [ <x> <y> ]? , ]* <cursor-predefined> ]**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :----: | :---: | | **1** | **1** | **1.2** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/cursor
property cx
cx?: Property.Cx<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2020.
**Syntax**:
<length> | <percentage>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **43** | **69** | **9** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/cx
property cy
cy?: Property.Cy<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2020.
**Syntax**:
<length> | <percentage>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **43** | **69** | **9** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/cy
property d
d?: Property.D | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
none | path(<string>)**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **52** | **97** | No | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/d
property direction
direction?: Property.Direction | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**Syntax**:
ltr | rtl**Initial value**:
ltr| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-----: | | **2** | **1** | **1** | **12** | **5.5** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/direction
property display
display?: Property.Display | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/display
property dominantBaseline
dominantBaseline?: Property.DominantBaseline | 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 | text-bottom | alphabetic | ideographic | middle | central | mathematical | hanging | text-top**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **1** | **1** | **4** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/dominant-baseline
property emptyCells
emptyCells?: Property.EmptyCells | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**Syntax**:
show | hide**Initial value**:
show| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :----: | :---: | | **1** | **1** | **1.2** | **12** | **8** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/empty-cells
property fieldSizing
fieldSizing?: Property.FieldSizing | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
content | fixed**Initial value**:
fixed| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :---------: | :-----: | :-: | | **123** | No | **preview** | **123** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/field-sizing
property fill
fill?: Property.Fill | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
**Syntax**:
<paint>**Initial value**:
black| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :-----: | :-: | | **1** | **3** | **4** | **≤15** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/fill
property fillOpacity
fillOpacity?: Property.FillOpacity | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
**Syntax**:
<'opacity'>**Initial value**:
1| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :-----: | :-: | | **1** | **1** | **4** | **≤15** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/fill-opacity
property fillRule
fillRule?: Property.FillRule | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
**Syntax**:
nonzero | evenodd**Initial value**:
nonzero| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :-----: | :-: | | **1** | **3** | **4** | **≤15** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/fill-rule
property filter
filter?: Property.Filter | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2016.
**Syntax**:
none | <filter-value-list>**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :------: | :-----: | :-----: | :----: | :-: | | **53** | **35** | **9.1** | **12** | No | | 18 _-x-_ | | 6 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/filter
property flexBasis
flexBasis?: Property.FlexBasis<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
**Syntax**:
content | <'width'>**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :------: | :-----: | :-----: | :----: | :----: | | **29** | **22** | **9** | **12** | **11** | | 22 _-x-_ | | 7 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/flex-basis
property flexDirection
flexDirection?: Property.FlexDirection | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
**Syntax**:
row | row-reverse | column | column-reverse**Initial value**:
row| Chrome | Firefox | Safari | Edge | IE | | :------: | :-----: | :-----: | :----: | :------: | | **29** | **22** | **9** | **12** | **11** | | 21 _-x-_ | | 7 _-x-_ | | 10 _-x-_ |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/flex-direction
property flexGrow
flexGrow?: Property.FlexGrow | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
**Syntax**:
<number>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :------: | :-----: | :-----: | :----: | :----------------------: | | **29** | **20** | **9** | **12** | **11** | | 22 _-x-_ | | 7 _-x-_ | | 10 _(-ms-flex-positive)_ |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/flex-grow
property flexShrink
flexShrink?: Property.FlexShrink | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
**Syntax**:
<number>**Initial value**:
1| Chrome | Firefox | Safari | Edge | IE | | :------: | :-----: | :-----: | :----: | :----: | | **29** | **20** | **9** | **12** | **10** | | 22 _-x-_ | | 8 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/flex-shrink
property flexWrap
flexWrap?: Property.FlexWrap | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
**Syntax**:
nowrap | wrap | wrap-reverse**Initial value**:
nowrap| Chrome | Firefox | Safari | Edge | IE | | :------: | :-----: | :-----: | :----: | :----: | | **29** | **28** | **9** | **12** | **11** | | 21 _-x-_ | | 7 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/flex-wrap
property float
float?: Property.Float | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**Syntax**:
left | right | none | inline-start | inline-end**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/float
property floodColor
floodColor?: Property.FloodColor | 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**:
black| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-----: | | **5** | **3** | **6** | **12** | **≤11** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/flood-color
property floodOpacity
floodOpacity?: Property.FloodOpacity | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**Syntax**:
<'opacity'>**Initial value**:
black| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-----: | | **5** | **3** | **6** | **12** | **≤11** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/flood-opacity
property fontFamily
fontFamily?: Property.FontFamily | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**Syntax**:
[ <family-name> | <generic-family> ]#**Initial value**: depends on user agent
| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **3** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-family
property fontFeatureSettings
fontFeatureSettings?: Property.FontFeatureSettings | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
**Syntax**:
normal | <feature-tag-value>#**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :------: | :------: | :-----: | :----: | :----: | | **48** | **34** | **9.1** | **15** | **10** | | 16 _-x-_ | 15 _-x-_ | | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-feature-settings
property fontKerning
fontKerning?: Property.FontKerning | 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 | normal | none**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :----: | :-: | | **33** | **32** | **9** | **79** | No | | | | 6 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-kerning
property fontLanguageOverride
fontLanguageOverride?: Property.FontLanguageOverride | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
normal | <string>**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :----: | :-----: | :-: | | **143** | **34** | No | **143** | No | | | 4 _-x-_ | | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-language-override
property fontOpticalSizing
fontOpticalSizing?: Property.FontOpticalSizing | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2020.
**Syntax**:
auto | none**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **79** | **62** | **13.1** | **17** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-optical-sizing
property fontPalette
fontPalette?: Property.FontPalette | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since November 2022.
**Syntax**:
normal | light | dark | <palette-identifier> | <palette-mix()>**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :------: | :-----: | :-: | | **101** | **107** | **15.4** | **101** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-palette
property fontSize
fontSize?: Property.FontSize<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**:
<absolute-size> | <relative-size> | <length-percentage [0,∞]> | math**Initial value**:
medium| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-----: | | **1** | **1** | **1** | **12** | **5.5** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-size
property fontSizeAdjust
fontSizeAdjust?: Property.FontSizeAdjust | undefined;Since July 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
none | [ ex-height | cap-height | ch-width | ic-width | ic-height ]? [ from-font | <number> ]**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :------: | :-----: | :-: | | **127** | **3** | **16.4** | **127** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-size-adjust
property fontSmooth
fontSmooth?: Property.FontSmooth<TLength> | undefined;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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-smooth
property fontStyle
fontStyle?: Property.FontStyle | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**Syntax**:
normal | italic | oblique <angle>?**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-style
property fontSynthesis
fontSynthesis?: Property.FontSynthesis | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2022.
**Syntax**:
none | [ weight || style || small-caps || position]**Initial value**:
weight style small-caps position| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **97** | **34** | **9** | **97** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-synthesis
property fontSynthesisPosition
fontSynthesisPosition?: Property.FontSynthesisPosition | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
auto | none**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :--: | :-: | | No | **118** | No | No | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-synthesis-position
property fontSynthesisSmallCaps
fontSynthesisSmallCaps?: Property.FontSynthesisSmallCaps | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2023.
**Syntax**:
auto | none**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **97** | **111** | **16.4** | **97** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-synthesis-small-caps
property fontSynthesisStyle
fontSynthesisStyle?: Property.FontSynthesisStyle | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2023.
**Syntax**:
auto | none**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **97** | **111** | **16.4** | **97** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-synthesis-style
property fontSynthesisWeight
fontSynthesisWeight?: Property.FontSynthesisWeight | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2023.
**Syntax**:
auto | none**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **97** | **111** | **16.4** | **97** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-synthesis-weight
property fontVariant
fontVariant?: Property.FontVariant | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-variant
property fontVariantAlternates
fontVariantAlternates?: Property.FontVariantAlternates | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2023.
**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| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-----: | :-----: | :-: | | **111** | **34** | **9.1** | **111** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-variant-alternates
property fontVariantCaps
fontVariantCaps?: Property.FontVariantCaps | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
**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** | **9.1** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-variant-caps
property fontVariantEastAsian
fontVariantEastAsian?: Property.FontVariantEastAsian | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
**Syntax**:
normal | [ <east-asian-variant-values> || <east-asian-width-values> || ruby ]**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :----: | :-: | | **63** | **34** | **9.1** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-variant-east-asian
property fontVariantEmoji
fontVariantEmoji?: Property.FontVariantEmoji | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
normal | text | emoji | unicode**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :----: | :-----: | :-: | | **131** | **141** | No | **131** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-variant-emoji
property fontVariantLigatures
fontVariantLigatures?: Property.FontVariantLigatures | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
**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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-variant-ligatures
property fontVariantNumeric
fontVariantNumeric?: Property.FontVariantNumeric | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
**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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-variant-numeric
property fontVariantPosition
fontVariantPosition?: Property.FontVariantPosition | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
normal | sub | super**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :--: | :-: | | No | **34** | **9.1** | No | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-variant-position
property fontVariationSettings
fontVariationSettings?: Property.FontVariationSettings | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2018.
**Syntax**:
normal | [ <string> <number> ]#**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **62** | **62** | **11** | **17** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-variation-settings
property fontWeight
fontWeight?: Property.FontWeight | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**Syntax**:
<font-weight-absolute> | bolder | lighter**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **2** | **1** | **1** | **12** | **3** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-weight
property fontWidth
fontWidth?: Property.FontWidth | undefined;**Syntax**:
normal | <percentage [0,∞]> | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :--: | :-: | | No | No | **18.4** | No | No |
property forcedColorAdjust
forcedColorAdjust?: Property.ForcedColorAdjust | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
auto | none | preserve-parent-color**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :-----------------------------: | :---------------------------------: | | **89** | **113** | No | **79** | **10** _(-ms-high-contrast-adjust)_ | | | | | 12 _(-ms-high-contrast-adjust)_ | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/forced-color-adjust
property gridAutoColumns
gridAutoColumns?: Property.GridAutoColumns<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2020.
**Syntax**:
<track-size>+**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-------------------------: | | **57** | **70** | **10.1** | **16** | **10** _(-ms-grid-columns)_ |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/grid-auto-columns
property gridAutoFlow
gridAutoFlow?: Property.GridAutoFlow | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.
**Syntax**:
[ row | column ] || dense**Initial value**:
row| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **57** | **52** | **10.1** | **16** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/grid-auto-flow
property gridAutoRows
gridAutoRows?: Property.GridAutoRows<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2020.
**Syntax**:
<track-size>+**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :----------------------: | | **57** | **70** | **10.1** | **16** | **10** _(-ms-grid-rows)_ |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/grid-auto-rows
property gridColumnEnd
gridColumnEnd?: Property.GridColumnEnd | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.
**Syntax**:
<grid-line>**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **57** | **52** | **10.1** | **16** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/grid-column-end
property gridColumnStart
gridColumnStart?: Property.GridColumnStart | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.
**Syntax**:
<grid-line>**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **57** | **52** | **10.1** | **16** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/grid-column-start
property gridRowEnd
gridRowEnd?: Property.GridRowEnd | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.
**Syntax**:
<grid-line>**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **57** | **52** | **10.1** | **16** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/grid-row-end
property gridRowStart
gridRowStart?: Property.GridRowStart | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.
**Syntax**:
<grid-line>**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **57** | **52** | **10.1** | **16** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/grid-row-start
property gridTemplateAreas
gridTemplateAreas?: Property.GridTemplateAreas | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.
**Syntax**:
none | <string>+**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **57** | **52** | **10.1** | **16** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/grid-template-areas
property gridTemplateColumns
gridTemplateColumns?: Property.GridTemplateColumns<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.
**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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/grid-template-columns
property gridTemplateRows
gridTemplateRows?: Property.GridTemplateRows<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.
**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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/grid-template-rows
property hangingPunctuation
hangingPunctuation?: Property.HangingPunctuation | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
none | [ first || [ force-end | allow-end ] || last ]**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :--: | :-: | | No | No | **10** | No | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/hanging-punctuation
property height
height?: Property.Height<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 [0,∞]> | min-content | max-content | fit-content | fit-content(<length-percentage [0,∞]>) | <calc-size()> | <anchor-size()>**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/height
property hyphenateCharacter
hyphenateCharacter?: Property.HyphenateCharacter | undefined;Since September 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
auto | <string>**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-------: | :------: | :-: | | **106** | **98** | **17** | **106** | No | | 6 _-x-_ | | 5.1 _-x-_ | 79 _-x-_ | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/hyphenate-character
property hyphenateLimitChars
hyphenateLimitChars?: Property.HyphenateLimitChars | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
[ auto | <integer> ]{1,3}**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :----: | :-----: | :-: | | **109** | **137** | No | **109** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/hyphenate-limit-chars
property hyphens
hyphens?: Property.Hyphens | undefined;Since September 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
none | manual | auto**Initial value**:
manual| Chrome | Firefox | Safari | Edge | IE | | :------: | :-----: | :-------: | :----: | :----------: | | **55** | **43** | **17** | **79** | **10** _-x-_ | | 13 _-x-_ | 6 _-x-_ | 5.1 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/hyphens
property imageOrientation
imageOrientation?: Property.ImageOrientation | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2020.
**Syntax**:
from-image | <angle> | [ <angle>? flip ]**Initial value**:
from-image| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **81** | **26** | **13.1** | **81** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/image-orientation
property imageRendering
imageRendering?: Property.ImageRendering | 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 | crisp-edges | pixelated | smooth**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **13** | **3.6** | **6** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/image-rendering
property imageResolution
imageResolution?: Property.ImageResolution | undefined;The **
image-resolution** CSS property specifies the intrinsic resolution of all raster images used in or on the element. It affects content images such as replaced elements and generated content, and decorative images such asbackground-imageimages.**Syntax**:
[ from-image || <resolution> ] && snap?**Initial value**:
1dppx
property initialLetter
initialLetter?: Property.InitialLetter | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
normal | [ <number> <integer>? ]**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :---------: | :-----: | :-: | | **110** | No | **9** _-x-_ | **110** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/initial-letter
property initialLetterAlign
initialLetterAlign?: Property.InitialLetterAlign | undefined;**Syntax**:
[ auto | alphabetic | hanging | ideographic ]**Initial value**:
auto
property inlineSize
inlineSize?: Property.InlineSize<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-width)_ | | 5.1 _(-webkit-logical-width)_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/inline-size
property insetBlockEnd
insetBlockEnd?: Property.InsetBlockEnd<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
<'top'>**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **63** | **14.1** | **87** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/inset-block-end
property insetBlockStart
insetBlockStart?: Property.InsetBlockStart<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
<'top'>**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **63** | **14.1** | **87** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/inset-block-start
property insetInlineEnd
insetInlineEnd?: Property.InsetInlineEnd<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
<'top'>**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **63** | **14.1** | **87** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/inset-inline-end
property insetInlineStart
insetInlineStart?: Property.InsetInlineStart<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
<'top'>**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **63** | **14.1** | **87** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/inset-inline-start
property interpolateSize
interpolateSize?: Property.InterpolateSize | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
numeric-only | allow-keywords**Initial value**:
numeric-only| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :----: | :-----: | :-: | | **129** | No | No | **129** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/interpolate-size
property isolation
isolation?: Property.Isolation | 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 | isolate**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **41** | **36** | **8** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/isolation
property justifyContent
justifyContent?: Property.JustifyContent | 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 | <content-distribution> | <overflow-position>? [ <content-position> | left | right ]**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :------: | :-----: | :-----: | :----: | :----: | | **29** | **20** | **9** | **12** | **11** | | 21 _-x-_ | | 7 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/justify-content
property justifyItems
justifyItems?: Property.JustifyItems | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2016.
**Syntax**:
normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | legacy | legacy && [ left | right | center ] | anchor-center**Initial value**:
legacy| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :----: | | **52** | **20** | **9** | **12** | **11** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/justify-items
property justifySelf
justifySelf?: Property.JustifySelf | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.
**Syntax**:
auto | normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | anchor-center**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :----: | | **57** | **45** | **10.1** | **16** | **10** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/justify-self
property justifyTracks
justifyTracks?: Property.JustifyTracks | undefined;**Syntax**:
[ normal | <content-distribution> | <overflow-position>? [ <content-position> | left | right ] ]#**Initial value**:
normal
property left
left?: Property.Left<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.5** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/left
property letterSpacing
letterSpacing?: Property.LetterSpacing<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**:
normal | <length>**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/letter-spacing
property lightingColor
lightingColor?: Property.LightingColor | 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**:
white| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-----: | | **5** | **3** | **6** | **12** | **≤11** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/lighting-color
property lineBreak
lineBreak?: Property.LineBreak | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2020.
**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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/line-break
property lineHeight
lineHeight?: Property.LineHeight<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**:
normal | <number> | <length> | <percentage>**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/line-height
property lineHeightStep
lineHeightStep?: Property.LineHeightStep<TLength> | undefined;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
property listStyleImage
listStyleImage?: Property.ListStyleImage | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**Syntax**:
<image> | none**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/list-style-image
property listStylePosition
listStylePosition?: Property.ListStylePosition | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**Syntax**:
inside | outside**Initial value**:
outside| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/list-style-position
property listStyleType
listStyleType?: Property.ListStyleType | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**Syntax**:
<counter-style> | <string> | none**Initial value**:
disc| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/list-style-type
property marginBlockEnd
marginBlockEnd?: Property.MarginBlockEnd<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**:
<'margin-top'>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/margin-block-end
property marginBlockStart
marginBlockStart?: Property.MarginBlockStart<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**:
<'margin-top'>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/margin-block-start
property marginBottom
marginBottom?: Property.MarginBottom<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> | auto | <anchor-size()>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **3** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/margin-bottom
property marginInlineEnd
marginInlineEnd?: Property.MarginInlineEnd<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**:
<'margin-top'>**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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/margin-inline-end
property marginInlineStart
marginInlineStart?: Property.MarginInlineStart<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**:
<'margin-top'>**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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/margin-inline-start
property marginLeft
marginLeft?: Property.MarginLeft<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> | auto | <anchor-size()>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **3** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/margin-left
property marginRight
marginRight?: Property.MarginRight<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> | auto | <anchor-size()>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **3** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/margin-right
property marginTop
marginTop?: Property.MarginTop<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> | auto | <anchor-size()>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **3** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/margin-top
property marginTrim
marginTrim?: Property.MarginTrim | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
none | in-flow | all**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :--: | :-: | | No | No | **16.4** | No | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/margin-trim
property marker
marker?: Property.Marker | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
**Syntax**:
none | <url>| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :-----: | :-: | | **1** | **3** | **4** | **≤15** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/marker
property markerEnd
markerEnd?: Property.MarkerEnd | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
**Syntax**:
none | <url>**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :-----: | :-: | | **1** | **3** | **4** | **≤15** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/marker-end
property markerMid
markerMid?: Property.MarkerMid | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
**Syntax**:
none | <url>**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :-----: | :-: | | **1** | **3** | **4** | **≤15** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/marker-mid
property markerStart
markerStart?: Property.MarkerStart | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
**Syntax**:
none | <url>**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :-----: | :-: | | **1** | **3** | **4** | **≤15** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/marker-start
property maskBorderMode
maskBorderMode?: Property.MaskBorderMode | undefined;The **
mask-border-mode** CSS property specifies the blending mode used in a mask border.**Syntax**:
luminance | alpha**Initial value**:
alpha
property maskBorderOutset
maskBorderOutset?: Property.MaskBorderOutset<TLength> | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
[ <length> | <number> ]{1,4}**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :-------------------------------------: | :-----: | :-----------------------------------: | :--------------------------------------: | :-: | | **1** _(-webkit-mask-box-image-outset)_ | No | **17.2** | **79** _(-webkit-mask-box-image-outset)_ | No | | | | 3.1 _(-webkit-mask-box-image-outset)_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/mask-border-outset
property maskBorderRepeat
maskBorderRepeat?: Property.MaskBorderRepeat | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
[ stretch | repeat | round | space ]{1,2}**Initial value**:
stretch| Chrome | Firefox | Safari | Edge | IE | | :-------------------------------------: | :-----: | :-----------------------------------: | :--------------------------------------: | :-: | | **1** _(-webkit-mask-box-image-repeat)_ | No | **17.2** | **79** _(-webkit-mask-box-image-repeat)_ | No | | | | 3.1 _(-webkit-mask-box-image-repeat)_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/mask-border-repeat
property maskBorderSlice
maskBorderSlice?: Property.MaskBorderSlice | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
<number-percentage>{1,4} fill?**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :------------------------------------: | :-----: | :----------------------------------: | :-------------------------------------: | :-: | | **1** _(-webkit-mask-box-image-slice)_ | No | **17.2** | **79** _(-webkit-mask-box-image-slice)_ | No | | | | 3.1 _(-webkit-mask-box-image-slice)_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/mask-border-slice
property maskBorderSource
maskBorderSource?: Property.MaskBorderSource | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
none | <image>**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :-------------------------------------: | :-----: | :-----------------------------------: | :--------------------------------------: | :-: | | **1** _(-webkit-mask-box-image-source)_ | No | **17.2** | **79** _(-webkit-mask-box-image-source)_ | No | | | | 3.1 _(-webkit-mask-box-image-source)_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/mask-border-source
property maskBorderWidth
maskBorderWidth?: Property.MaskBorderWidth<TLength> | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
[ <length-percentage> | <number> | auto ]{1,4}**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :------------------------------------: | :-----: | :----------------------------------: | :-------------------------------------: | :-: | | **1** _(-webkit-mask-box-image-width)_ | No | **17.2** | **79** _(-webkit-mask-box-image-width)_ | No | | | | 3.1 _(-webkit-mask-box-image-width)_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/mask-border-width
property maskClip
maskClip?: Property.MaskClip | undefined;Since December 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
[ <coord-box> | no-clip ]#**Initial value**:
border-box| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :------: | :------: | :-: | | **120** | **53** | **15.4** | **120** | No | | 1 _-x-_ | | 4 _-x-_ | 79 _-x-_ | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/mask-clip
property maskComposite
maskComposite?: Property.MaskComposite | undefined;Since December 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
<compositing-operator>#**Initial value**:
add| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :------: | :---: | :-: | | **120** | **53** | **15.4** | 18-79 | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/mask-composite
property maskImage
maskImage?: Property.MaskImage | undefined;Since December 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
<mask-reference>#**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :------: | :---: | :-: | | **120** | **53** | **15.4** | 16-79 | No | | 1 _-x-_ | | 4 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/mask-image
property maskMode
maskMode?: Property.MaskMode | undefined;Since December 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
<masking-mode>#**Initial value**:
match-source| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :------: | :-----: | :-: | | **120** | **53** | **15.4** | **120** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/mask-mode
property maskOrigin
maskOrigin?: Property.MaskOrigin | undefined;Since December 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
<coord-box>#**Initial value**:
border-box| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :------: | :------: | :-: | | **120** | **53** | **15.4** | **120** | No | | 1 _-x-_ | | 4 _-x-_ | 79 _-x-_ | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/mask-origin
property maskPosition
maskPosition?: Property.MaskPosition<TLength> | undefined;Since December 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
<position>#**Initial value**:
0% 0%| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-------: | :---: | :-: | | **120** | **53** | **15.4** | 18-79 | No | | 1 _-x-_ | | 3.1 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/mask-position
property maskRepeat
maskRepeat?: Property.MaskRepeat | undefined;Since December 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
<repeat-style>#**Initial value**:
repeat| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-------: | :---: | :-: | | **120** | **53** | **15.4** | 18-79 | No | | 1 _-x-_ | | 3.1 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/mask-repeat
property maskSize
maskSize?: Property.MaskSize<TLength> | undefined;Since December 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
<bg-size>#**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :------: | :---: | :-: | | **120** | **53** | **15.4** | 18-79 | No | | 4 _-x-_ | | 4 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/mask-size
property maskType
maskType?: Property.MaskType | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
**Syntax**:
luminance | alpha**Initial value**:
luminance| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **24** | **35** | **7** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/mask-type
property masonryAutoFlow
masonryAutoFlow?: Property.MasonryAutoFlow | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.
**Syntax**:
[ pack | next ] || [ definite-first | ordered ]**Initial value**:
pack
property mathDepth
mathDepth?: Property.MathDepth | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
auto-add | add(<integer>) | <integer>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :----: | :-----: | :-: | | **109** | **117** | No | **109** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/math-depth
property mathShift
mathShift?: Property.MathShift | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
normal | compact**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :----: | :-----: | :-: | | **109** | No | No | **109** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/math-shift
property mathStyle
mathStyle?: Property.MathStyle | undefined;Since August 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
normal | compact**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :------: | :-----: | :-: | | **109** | **117** | **14.1** | **109** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/math-style
property maxBlockSize
maxBlockSize?: Property.MaxBlockSize<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**:
<'max-width'>**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **57** | **41** | **12.1** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/max-block-size
property maxHeight
maxHeight?: Property.MaxHeight<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**:
none | <length-percentage [0,∞]> | min-content | max-content | fit-content | fit-content(<length-percentage [0,∞]>) | <calc-size()> | <anchor-size()>**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :----: | :---: | | **1** | **1** | **1.3** | **12** | **7** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/max-height
property maxInlineSize
maxInlineSize?: Property.MaxInlineSize<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**:
<'max-width'>**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :--------: | :----: | :-: | | **57** | **41** | **12.1** | **79** | No | | | | 10.1 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/max-inline-size
property maxLines
maxLines?: Property.MaxLines | undefined;**Syntax**:
none | <integer>**Initial value**:
none
property maxWidth
maxWidth?: Property.MaxWidth<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**:
none | <length-percentage [0,∞]> | min-content | max-content | fit-content | fit-content(<length-percentage [0,∞]>) | <calc-size()> | <anchor-size()>**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **7** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/max-width
property minBlockSize
minBlockSize?: Property.MinBlockSize<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**:
<'min-width'>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **57** | **41** | **12.1** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/min-block-size
property minHeight
minHeight?: Property.MinHeight<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 [0,∞]> | min-content | max-content | fit-content | fit-content(<length-percentage [0,∞]>) | <calc-size()> | <anchor-size()>**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :----: | :---: | | **1** | **3** | **1.3** | **12** | **7** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/min-height
property minInlineSize
minInlineSize?: Property.MinInlineSize<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**:
<'min-width'>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **57** | **41** | **12.1** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/min-inline-size
property minWidth
minWidth?: Property.MinWidth<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 [0,∞]> | min-content | max-content | fit-content | fit-content(<length-percentage [0,∞]>) | <calc-size()> | <anchor-size()>**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **7** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/min-width
property mixBlendMode
mixBlendMode?: Property.MixBlendMode | 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> | plus-darker | plus-lighter**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **41** | **32** | **8** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/mix-blend-mode
property motionDistance
motionDistance?: Property.OffsetDistance<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2022.
**Syntax**:
<length-percentage>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :--------------------: | :-----: | :----: | :----: | :-: | | **55** | **72** | **16** | **79** | No | | 46 _(motion-distance)_ | | | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/offset-distance
property motionPath
motionPath?: Property.OffsetPath | 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 | <offset-path> || <coord-box>**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----------------: | :-----: | :------: | :----: | :-: | | **55** | **72** | **15.4** | **79** | No | | 46 _(motion-path)_ | | | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/offset-path
property motionRotation
motionRotation?: Property.OffsetRotate | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2022.
**Syntax**:
[ auto | reverse ] || <angle>**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :--------------------: | :-----: | :----: | :----: | :-: | | **56** | **72** | **16** | **79** | No | | 46 _(motion-rotation)_ | | | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/offset-rotate
property objectFit
objectFit?: Property.ObjectFit | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
**Syntax**:
fill | contain | cover | none | scale-down**Initial value**:
fill| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **32** | **36** | **10** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/object-fit
property objectPosition
objectPosition?: Property.ObjectPosition<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**:
<position>**Initial value**:
50% 50%| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **32** | **36** | **10** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/object-position
property objectViewBox
objectViewBox?: Property.ObjectViewBox | undefined;**Syntax**:
none | <basic-shape-rect>**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :----: | :-----: | :-: | | **104** | No | No | **104** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/object-view-box
property offsetAnchor
offsetAnchor?: Property.OffsetAnchor<TLength> | undefined;Since August 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
auto | <position>**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :----: | :-----: | :-: | | **116** | **72** | **16** | **116** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/offset-anchor
property offsetDistance
offsetDistance?: Property.OffsetDistance<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2022.
**Syntax**:
<length-percentage>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :--------------------: | :-----: | :----: | :----: | :-: | | **55** | **72** | **16** | **79** | No | | 46 _(motion-distance)_ | | | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/offset-distance
property offsetPath
offsetPath?: Property.OffsetPath | 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 | <offset-path> || <coord-box>**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----------------: | :-----: | :------: | :----: | :-: | | **55** | **72** | **15.4** | **79** | No | | 46 _(motion-path)_ | | | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/offset-path
property offsetPosition
offsetPosition?: Property.OffsetPosition<TLength> | undefined;Since January 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
normal | auto | <position>**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :----: | :-----: | :-: | | **116** | **122** | **16** | **116** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/offset-position
property offsetRotate
offsetRotate?: Property.OffsetRotate | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2022.
**Syntax**:
[ auto | reverse ] || <angle>**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :--------------------: | :-----: | :----: | :----: | :-: | | **56** | **72** | **16** | **79** | No | | 46 _(motion-rotation)_ | | | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/offset-rotate
property offsetRotation
offsetRotation?: Property.OffsetRotate | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2022.
**Syntax**:
[ auto | reverse ] || <angle>**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :--------------------: | :-----: | :----: | :----: | :-: | | **56** | **72** | **16** | **79** | No | | 46 _(motion-rotation)_ | | | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/offset-rotate
property opacity
opacity?: Property.Opacity | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**Syntax**:
<opacity-value>**Initial value**:
1| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **2** | **12** | **9** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/opacity
property order
order?: Property.Order | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
**Syntax**:
<integer>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :------: | :-----: | :-----: | :----: | :------: | | **29** | **20** | **9** | **12** | **11** | | 21 _-x-_ | | 7 _-x-_ | | 10 _-x-_ |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/order
property orphans
orphans?: Property.Orphans | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
<integer>**Initial value**:
2| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :----: | :---: | | **25** | No | **1.3** | **12** | **8** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/orphans
property outlineColor
outlineColor?: Property.OutlineColor | 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 | <color>**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :----: | :---: | | **1** | **1.5** | **1.2** | **12** | **8** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/outline-color
property outlineOffset
outlineOffset?: Property.OutlineOffset<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
**Syntax**:
<length>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :----: | :-: | | **1** | **1.5** | **1.2** | **15** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/outline-offset
property outlineStyle
outlineStyle?: Property.OutlineStyle | 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 | <outline-line-style>**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :----: | :---: | | **1** | **1.5** | **1.2** | **12** | **8** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/outline-style
property outlineWidth
outlineWidth?: Property.OutlineWidth<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-width>**Initial value**:
medium| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :----: | :---: | | **1** | **1.5** | **1.2** | **12** | **8** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/outline-width
property overflowAnchor
overflowAnchor?: Property.OverflowAnchor | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
auto | none**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :---------: | :----: | :-: | | **56** | **66** | **preview** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/overflow-anchor
property overflowBlock
overflowBlock?: Property.OverflowBlock | undefined;Since September 2025, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
visible | hidden | clip | scroll | auto**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :----: | :-----: | :-: | | **135** | **69** | **26** | **135** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/overflow-block
property overflowClipBox
overflowClipBox?: Property.OverflowClipBox | undefined;**Syntax**:
padding-box | content-box**Initial value**:
padding-box
property overflowClipMargin
overflowClipMargin?: Property.OverflowClipMargin<TLength> | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
<visual-box> || <length [0,∞]>**Initial value**:
0px| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **90** | **102** | No | **90** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/overflow-clip-margin
property overflowInline
overflowInline?: Property.OverflowInline | undefined;Since September 2025, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
visible | hidden | clip | scroll | auto**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :----: | :-----: | :-: | | **135** | **69** | **26** | **135** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/overflow-inline
property overflowWrap
overflowWrap?: Property.OverflowWrap | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2018.
**Syntax**:
normal | break-word | anywhere**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :-------------: | :---------------: | :-------------: | :--------------: | :-------------------: | | **23** | **49** | **7** | **18** | **5.5** _(word-wrap)_ | | 1 _(word-wrap)_ | 3.5 _(word-wrap)_ | 1 _(word-wrap)_ | 12 _(word-wrap)_ | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/overflow-wrap
property overflowX
overflowX?: Property.OverflowX | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**Syntax**:
visible | hidden | clip | scroll | auto**Initial value**:
visible| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **3.5** | **3** | **12** | **5** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/overflow-x
property overflowY
overflowY?: Property.OverflowY | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**Syntax**:
visible | hidden | clip | scroll | auto**Initial value**:
visible| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **3.5** | **3** | **12** | **5** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/overflow-y
property overlay
overlay?: Property.Overlay | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
none | auto**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :----: | :-----: | :-: | | **117** | No | No | **117** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/overlay
property overscrollBehaviorBlock
overscrollBehaviorBlock?: Property.OverscrollBehaviorBlock | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2022.
**Syntax**:
contain | none | auto**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **77** | **73** | **16** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/overscroll-behavior-block
property overscrollBehaviorInline
overscrollBehaviorInline?: Property.OverscrollBehaviorInline | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2022.
**Syntax**:
contain | none | auto**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **77** | **73** | **16** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/overscroll-behavior-inline
property overscrollBehaviorX
overscrollBehaviorX?: Property.OverscrollBehaviorX | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2022.
**Syntax**:
contain | none | auto**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **63** | **59** | **16** | **18** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/overscroll-behavior-x
property overscrollBehaviorY
overscrollBehaviorY?: Property.OverscrollBehaviorY | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2022.
**Syntax**:
contain | none | auto**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **63** | **59** | **16** | **18** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/overscroll-behavior-y
property paddingBlockEnd
paddingBlockEnd?: Property.PaddingBlockEnd<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**:
<'padding-top'>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/padding-block-end
property paddingBlockStart
paddingBlockStart?: Property.PaddingBlockStart<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**:
<'padding-top'>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/padding-block-start
property paddingBottom
paddingBottom?: Property.PaddingBottom<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,∞]>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/padding-bottom
property paddingInlineEnd
paddingInlineEnd?: Property.PaddingInlineEnd<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**:
<'padding-top'>**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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/padding-inline-end
property paddingInlineStart
paddingInlineStart?: Property.PaddingInlineStart<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**:
<'padding-top'>**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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/padding-inline-start
property paddingLeft
paddingLeft?: Property.PaddingLeft<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,∞]>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/padding-left
property paddingRight
paddingRight?: Property.PaddingRight<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,∞]>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/padding-right
property paddingTop
paddingTop?: Property.PaddingTop<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,∞]>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/padding-top
property page
page?: Property.Page | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since February 2023.
**Syntax**:
auto | <custom-ident>**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **85** | **110** | **1** | **85** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/page
property paintOrder
paintOrder?: Property.PaintOrder | undefined;Since March 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
normal | [ fill || stroke || markers ]**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :----: | :-----: | :-: | | **123** | **60** | **11** | **123** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/paint-order
property perspective
perspective?: Property.Perspective<TLength> | 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 | <length>**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :------: | :------: | :-----: | :----: | :----: | | **36** | **16** | **9** | **12** | **10** | | 12 _-x-_ | 10 _-x-_ | 4 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/perspective
property perspectiveOrigin
perspectiveOrigin?: Property.PerspectiveOrigin<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
**Syntax**:
<position>**Initial value**:
50% 50%| Chrome | Firefox | Safari | Edge | IE | | :------: | :------: | :-----: | :----: | :----: | | **36** | **16** | **9** | **12** | **10** | | 12 _-x-_ | 10 _-x-_ | 4 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/perspective-origin
property pointerEvents
pointerEvents?: Property.PointerEvents | 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 | 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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/pointer-events
property position
position?: Property.Position | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**Syntax**:
static | relative | absolute | sticky | fixed**Initial value**:
static| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/position
property positionAnchor
positionAnchor?: Property.PositionAnchor | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
auto | <anchor-name>**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :-----: | :---------: | :----: | :-----: | :-: | | **125** | **preview** | **26** | **125** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/position-anchor
property positionArea
positionArea?: Property.PositionArea | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
none | <position-area>**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :-----: | :---------: | :----: | :-----: | :-: | | **129** | **preview** | **26** | **129** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/position-area
property positionTryFallbacks
positionTryFallbacks?: Property.PositionTryFallbacks | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
none | [ [<dashed-ident> || <try-tactic>] | <'position-area'> ]#**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :-----: | :---------: | :----: | :-----: | :-: | | **128** | **preview** | **26** | **128** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/position-try-fallbacks
property positionTryOrder
positionTryOrder?: Property.PositionTryOrder | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
normal | <try-size>**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :----: | :-----: | :-: | | **125** | No | **26** | **125** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/position-try-order
property positionVisibility
positionVisibility?: Property.PositionVisibility | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
always | [ anchors-valid || anchors-visible || no-overflow ]**Initial value**:
anchors-visible| Chrome | Firefox | Safari | Edge | IE | | :-----: | :---------: | :----: | :-----: | :-: | | **125** | **preview** | No | **125** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/position-visibility
property printColorAdjust
printColorAdjust?: Property.PrintColorAdjust | undefined;Since May 2025, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
economy | exact**Initial value**:
economy| Chrome | Firefox | Safari | Edge | IE | | :------: | :-----------------: | :------: | :------: | :-: | | **136** | **97** | **15.4** | **136** | No | | 17 _-x-_ | 48 _(color-adjust)_ | 6 _-x-_ | 79 _-x-_ | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/print-color-adjust
property quotes
quotes?: Property.Quotes | 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 | auto | [ <string> <string> ]+**Initial value**: depends on user agent
| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **11** | **1.5** | **9** | **12** | **8** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/quotes
property r
r?: Property.R<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2020.
**Syntax**:
<length> | <percentage>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **43** | **69** | **9** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/r
property resize
resize?: Property.Resize | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
none | both | horizontal | vertical | block | inline**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **1** | **4** | **3** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/resize
property right
right?: Property.Right<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.5** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/right
property rotate
rotate?: Property.Rotate | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since August 2022.
**Syntax**:
none | <angle> | [ x | y | z | <number>{3} ] && <angle>**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :------: | :-----: | :-: | | **104** | **72** | **14.1** | **104** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/rotate
property rowGap
rowGap?: Property.RowGap<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.
**Syntax**:
normal | <length-percentage>**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **47** | **52** | **10.1** | **16** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/row-gap
property rubyAlign
rubyAlign?: Property.RubyAlign | undefined;Since December 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
start | center | space-between | space-around**Initial value**:
space-around| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :------: | :-----: | :-: | | **128** | **38** | **18.2** | **128** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/ruby-align
property rubyMerge
rubyMerge?: Property.RubyMerge | undefined;**Syntax**:
separate | collapse | auto**Initial value**:
separate
property rubyOverhang
rubyOverhang?: Property.RubyOverhang | undefined;**Syntax**:
auto | none**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :--: | :-: | | No | No | **18.2** | No | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/ruby-overhang
property rubyPosition
rubyPosition?: Property.RubyPosition | undefined;Since December 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
[ alternate || [ over | under ] ] | inter-character**Initial value**:
alternate| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :------: | :---: | :-: | | **84** | **38** | **18.2** | 12-79 | No | | 1 _-x-_ | | 7 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/ruby-position
property rx
rx?: Property.Rx<TLength> | undefined;Since March 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
<length> | <percentage>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **43** | **69** | **17.4** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/rx
property ry
ry?: Property.Ry<TLength> | undefined;Since March 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
<length> | <percentage>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **43** | **69** | **17.4** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/ry
property scale
scale?: Property.Scale | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since August 2022.
**Syntax**:
none | [ <number> | <percentage> ]{1,3}**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :------: | :-----: | :-: | | **104** | **72** | **14.1** | **104** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scale
property scrollbarColor
scrollbarColor?: Property.ScrollbarColor | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
auto | <color>{2}**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :----: | :-----: | :-: | | **121** | **64** | No | **121** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scrollbar-color
property scrollbarGutter
scrollbarGutter?: Property.ScrollbarGutter | undefined;Since December 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
auto | stable && both-edges?**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **94** | **97** | **18.2** | **94** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scrollbar-gutter
property scrollbarWidth
scrollbarWidth?: Property.ScrollbarWidth | undefined;Since December 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
auto | thin | none**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :------: | :-----: | :-: | | **121** | **64** | **18.2** | **121** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scrollbar-width
property scrollBehavior
scrollBehavior?: Property.ScrollBehavior | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2022.
**Syntax**:
auto | smooth**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **61** | **36** | **15.4** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-behavior
property scrollInitialTarget
scrollInitialTarget?: Property.ScrollInitialTarget | undefined;**Syntax**:
none | nearest**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :----: | :-----: | :-: | | **133** | No | No | **133** | No |
property scrollMarginBlockEnd
scrollMarginBlockEnd?: Property.ScrollMarginBlockEnd<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**:
<length>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **69** | **68** | **15** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-margin-block-end
property scrollMarginBlockStart
scrollMarginBlockStart?: Property.ScrollMarginBlockStart<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**:
<length>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **69** | **68** | **15** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-margin-block-start
property scrollMarginBottom
scrollMarginBottom?: Property.ScrollMarginBottom<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
<length>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------------------------------: | :----: | :-: | | **69** | **68** | **14.1** | **79** | No | | | | 11 _(scroll-snap-margin-bottom)_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-margin-bottom
property scrollMarginInlineEnd
scrollMarginInlineEnd?: Property.ScrollMarginInlineEnd<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**:
<length>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **69** | **68** | **15** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-margin-inline-end
property scrollMarginInlineStart
scrollMarginInlineStart?: Property.ScrollMarginInlineStart<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**:
<length>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **69** | **68** | **15** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-margin-inline-start
property scrollMarginLeft
scrollMarginLeft?: Property.ScrollMarginLeft<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
<length>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----------------------------: | :----: | :-: | | **69** | **68** | **14.1** | **79** | No | | | | 11 _(scroll-snap-margin-left)_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-margin-left
property scrollMarginRight
scrollMarginRight?: Property.ScrollMarginRight<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
<length>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----------------------------: | :----: | :-: | | **69** | **68** | **14.1** | **79** | No | | | | 11 _(scroll-snap-margin-right)_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-margin-right
property scrollMarginTop
scrollMarginTop?: Property.ScrollMarginTop<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
<length>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :---------------------------: | :----: | :-: | | **69** | **68** | **14.1** | **79** | No | | | | 11 _(scroll-snap-margin-top)_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-margin-top
property scrollPaddingBlockEnd
scrollPaddingBlockEnd?: Property.ScrollPaddingBlockEnd<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**:
auto | <length-percentage>**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **69** | **68** | **15** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-padding-block-end
property scrollPaddingBlockStart
scrollPaddingBlockStart?: Property.ScrollPaddingBlockStart<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**:
auto | <length-percentage>**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **69** | **68** | **15** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-padding-block-start
property scrollPaddingBottom
scrollPaddingBottom?: Property.ScrollPaddingBottom<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
auto | <length-percentage>**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **69** | **68** | **14.1** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-padding-bottom
property scrollPaddingInlineEnd
scrollPaddingInlineEnd?: Property.ScrollPaddingInlineEnd<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**:
auto | <length-percentage>**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **69** | **68** | **15** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-padding-inline-end
property scrollPaddingInlineStart
scrollPaddingInlineStart?: | Property.ScrollPaddingInlineStart<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**:
auto | <length-percentage>**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **69** | **68** | **15** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-padding-inline-start
property scrollPaddingLeft
scrollPaddingLeft?: Property.ScrollPaddingLeft<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
auto | <length-percentage>**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **69** | **68** | **14.1** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-padding-left
property scrollPaddingRight
scrollPaddingRight?: Property.ScrollPaddingRight<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
auto | <length-percentage>**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **69** | **68** | **14.1** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-padding-right
property scrollPaddingTop
scrollPaddingTop?: Property.ScrollPaddingTop<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
auto | <length-percentage>**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **69** | **68** | **14.1** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-padding-top
property scrollSnapAlign
scrollSnapAlign?: Property.ScrollSnapAlign | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
**Syntax**:
[ none | start | end | center ]{1,2}**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **69** | **68** | **11** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-snap-align
property scrollSnapMarginBottom
scrollSnapMarginBottom?: Property.ScrollMarginBottom<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
<length>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------------------------------: | :----: | :-: | | **69** | **68** | **14.1** | **79** | No | | | | 11 _(scroll-snap-margin-bottom)_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-margin-bottom
property scrollSnapMarginLeft
scrollSnapMarginLeft?: Property.ScrollMarginLeft<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
<length>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----------------------------: | :----: | :-: | | **69** | **68** | **14.1** | **79** | No | | | | 11 _(scroll-snap-margin-left)_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-margin-left
property scrollSnapMarginRight
scrollSnapMarginRight?: Property.ScrollMarginRight<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
<length>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----------------------------: | :----: | :-: | | **69** | **68** | **14.1** | **79** | No | | | | 11 _(scroll-snap-margin-right)_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-margin-right
property scrollSnapMarginTop
scrollSnapMarginTop?: Property.ScrollMarginTop<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
<length>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :---------------------------: | :----: | :-: | | **69** | **68** | **14.1** | **79** | No | | | | 11 _(scroll-snap-margin-top)_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-margin-top
property scrollSnapStop
scrollSnapStop?: Property.ScrollSnapStop | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2022.
**Syntax**:
normal | always**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **75** | **103** | **15** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-snap-stop
property scrollSnapType
scrollSnapType?: Property.ScrollSnapType | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2022.
**Syntax**:
none | [ x | y | block | inline | both ] [ mandatory | proximity ]?**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :----: | :----------: | | **69** | 39-68 | **11** | **79** | **10** _-x-_ | | | | 9 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-snap-type
property scrollTimelineAxis
scrollTimelineAxis?: Property.ScrollTimelineAxis | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
[ block | inline | x | y ]#**Initial value**:
block| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :----: | :-----: | :-: | | **115** | No | **26** | **115** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-timeline-axis
property scrollTimelineName
scrollTimelineName?: Property.ScrollTimelineName | 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 | | :-----: | :-----: | :----: | :-----: | :-: | | **115** | No | **26** | **115** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-timeline-name
property shapeImageThreshold
shapeImageThreshold?: Property.ShapeImageThreshold | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
**Syntax**:
<opacity-value>**Initial value**:
0.0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **37** | **62** | **10.1** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/shape-image-threshold
property shapeMargin
shapeMargin?: Property.ShapeMargin<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**:
<length-percentage>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **37** | **62** | **10.1** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/shape-margin
property shapeOutside
shapeOutside?: Property.ShapeOutside | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
**Syntax**:
none | [ <shape-box> || <basic-shape> ] | <image>**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **37** | **62** | **10.1** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/shape-outside
property shapeRendering
shapeRendering?: Property.ShapeRendering | 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 | optimizeSpeed | crispEdges | geometricPrecision**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **1** | **3** | **4** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/shape-rendering
property speakAs
speakAs?: Property.SpeakAs | undefined;**Syntax**:
normal | spell-out || digits || [ literal-punctuation | no-punctuation ]**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :--: | :-: | | No | No | **11.1** | No | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/speak-as
property stopColor
stopColor?: Property.StopColor | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
**Syntax**:
<'color'>**Initial value**:
black| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :-----: | :-: | | **1** | **3** | **4** | **≤15** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/stop-color
property stopOpacity
stopOpacity?: Property.StopOpacity | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
**Syntax**:
<'opacity'>**Initial value**:
black| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :-----: | :-: | | **1** | **3** | **4** | **≤15** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/stop-opacity
property stroke
stroke?: Property.Stroke | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
**Syntax**:
<paint>| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :-----: | :-: | | **1** | **1.5** | **4** | **≤15** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/stroke
property strokeColor
strokeColor?: Property.StrokeColor | undefined;**Syntax**:
<color>**Initial value**:
transparent| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :--: | :-: | | No | No | **11.1** | No | No |
property strokeDasharray
strokeDasharray?: Property.StrokeDasharray<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
**Syntax**:
none | <dasharray>**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :-----: | :-: | | **1** | **1.5** | **4** | **≤15** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/stroke-dasharray
property strokeDashoffset
strokeDashoffset?: Property.StrokeDashoffset<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
**Syntax**:
<length-percentage> | <number>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :-----: | :-: | | **1** | **1.5** | **4** | **≤15** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/stroke-dashoffset
property strokeLinecap
strokeLinecap?: Property.StrokeLinecap | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
**Syntax**:
butt | round | square**Initial value**:
butt| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :-----: | :-: | | **1** | **1.5** | **4** | **≤15** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/stroke-linecap
property strokeLinejoin
strokeLinejoin?: Property.StrokeLinejoin | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
**Syntax**:
miter | miter-clip | round | bevel | arcs**Initial value**:
miter| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :-----: | :-: | | **1** | **1.5** | **4** | **≤15** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/stroke-linejoin
property strokeMiterlimit
strokeMiterlimit?: Property.StrokeMiterlimit | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
**Syntax**:
<number>**Initial value**:
4| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :-----: | :-: | | **1** | **1.5** | **4** | **≤15** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/stroke-miterlimit
property strokeOpacity
strokeOpacity?: Property.StrokeOpacity | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
**Syntax**:
<'opacity'>**Initial value**:
1| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :-----: | :-: | | **1** | **1.5** | **4** | **≤15** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/stroke-opacity
property strokeWidth
strokeWidth?: Property.StrokeWidth<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
**Syntax**:
<length-percentage> | <number>**Initial value**:
1px| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :-----: | :-: | | **1** | **1.5** | **4** | **≤15** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/stroke-width
property tableLayout
tableLayout?: Property.TableLayout | 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 | fixed**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **14** | **1** | **1** | **12** | **5** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/table-layout
property tabSize
tabSize?: Property.TabSize<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since August 2021.
**Syntax**:
<integer> | <length>**Initial value**:
8| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **21** | **91** | **7** | **79** | No | | | 4 _-x-_ | | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/tab-size
property textAlign
textAlign?: Property.TextAlign | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**Syntax**:
start | end | left | right | center | justify | match-parent**Initial value**:
start, or a nameless value that acts asleftif _direction_ isltr,rightif _direction_ isrtlifstartis not supported by the browser.| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **3** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-align
property textAlignLast
textAlignLast?: Property.TextAlignLast | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2022.
**Syntax**:
auto | start | end | left | right | center | justify**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-----: | | **47** | **49** | **16** | **12** | **5.5** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-align-last
property textAnchor
textAnchor?: Property.TextAnchor | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since August 2016.
**Syntax**:
start | middle | end**Initial value**:
start| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :-----: | :-: | | **1** | **3** | **4** | **≤14** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-anchor
property textAutospace
textAutospace?: Property.TextAutospace | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
normal | <autospace> | auto**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :------: | :-----: | :-: | | **140** | **145** | **18.4** | **140** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-autospace
property textBox
textBox?: Property.TextBox | undefined;**Syntax**:
normal | <'text-box-trim'> || <'text-box-edge'>**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :------: | :-----: | :-: | | **133** | No | **18.2** | **133** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-box
property textBoxEdge
textBoxEdge?: Property.TextBoxEdge | undefined;**Syntax**:
auto | <text-edge>**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :------: | :-----: | :-: | | **133** | No | **18.2** | **133** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-box-edge
property textBoxTrim
textBoxTrim?: Property.TextBoxTrim | undefined;**Syntax**:
none | trim-start | trim-end | trim-both**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :------: | :-----: | :-: | | **133** | No | **18.2** | **133** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-box-trim
property textCombineUpright
textCombineUpright?: Property.TextCombineUpright | 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 | all | [ digits <integer>? ]**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :------------------------: | :-----: | :--------------------------: | :----: | :------------------------------------: | | **48** | **48** | **15.4** | **79** | **11** _(-ms-text-combine-horizontal)_ | | 9 _(-webkit-text-combine)_ | | 5.1 _(-webkit-text-combine)_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-combine-upright
property textDecorationColor
textDecorationColor?: Property.TextDecorationColor | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
**Syntax**:
<color>**Initial value**:
currentcolor| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **57** | **36** | **12.1** | **79** | No | | | | 8 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-decoration-color
property textDecorationLine
textDecorationLine?: Property.TextDecorationLine | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
**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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-decoration-line
property textDecorationSkip
textDecorationSkip?: Property.TextDecorationSkip | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**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 | | | | 7 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-decoration-skip
property textDecorationSkipInk
textDecorationSkipInk?: Property.TextDecorationSkipInk | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2022.
**Syntax**:
auto | all | none**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **64** | **70** | **15.4** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-decoration-skip-ink
property textDecorationStyle
textDecorationStyle?: Property.TextDecorationStyle | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
**Syntax**:
solid | double | dotted | dashed | wavy**Initial value**:
solid| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **57** | **36** | **12.1** | **79** | No | | | | 8 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-decoration-style
property textDecorationThickness
textDecorationThickness?: Property.TextDecorationThickness<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2021.
**Syntax**:
auto | from-font | <length> | <percentage>**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **89** | **70** | **12.1** | **89** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-decoration-thickness
property textEmphasisColor
textEmphasisColor?: Property.TextEmphasisColor | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2022.
**Syntax**:
<color>**Initial value**:
currentcolor| Chrome | Firefox | Safari | Edge | IE | | :------: | :-----: | :----: | :------: | :-: | | **99** | **46** | **7** | **99** | No | | 25 _-x-_ | | | 79 _-x-_ | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-emphasis-color
property textEmphasisPosition
textEmphasisPosition?: Property.TextEmphasisPosition | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2022.
**Syntax**:
auto | [ over | under ] && [ right | left ]?**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :------: | :-----: | :----: | :------: | :-: | | **99** | **46** | **7** | **99** | No | | 25 _-x-_ | | | 79 _-x-_ | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-emphasis-position
property textEmphasisStyle
textEmphasisStyle?: Property.TextEmphasisStyle | 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 | [ [ filled | open ] || [ dot | circle | double-circle | triangle | sesame ] ] | <string>**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :------: | :-----: | :----: | :------: | :-: | | **99** | **46** | **7** | **99** | No | | 25 _-x-_ | | | 79 _-x-_ | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-emphasis-style
property textIndent
textIndent?: Property.TextIndent<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> && hanging? && each-line?**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **3** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-indent
property textJustify
textJustify?: Property.TextJustify | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
auto | inter-character | inter-word | none**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :---: | :----: | | No | **55** | No | 12-79 | **11** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-justify
property textOrientation
textOrientation?: Property.TextOrientation | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2020.
**Syntax**:
mixed | upright | sideways**Initial value**:
mixed| Chrome | Firefox | Safari | Edge | IE | | :------: | :-----: | :-------: | :----: | :-: | | **48** | **41** | **14** | **79** | No | | 12 _-x-_ | | 5.1 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-orientation
property textOverflow
textOverflow?: Property.TextOverflow | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**Syntax**:
[ clip | ellipsis | <string> ]{1,2}**Initial value**:
clip| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :----: | :---: | | **1** | **7** | **1.3** | **12** | **6** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-overflow
property textRendering
textRendering?: Property.TextRendering | 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 | optimizeSpeed | optimizeLegibility | geometricPrecision**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **4** | **1** | **5** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-rendering
property textShadow
textShadow?: Property.TextShadow | 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-t>#**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :----: | :----: | | **2** | **3.5** | **1.1** | **12** | **10** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-shadow
property textSizeAdjust
textSizeAdjust?: Property.TextSizeAdjust | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
none | auto | <percentage>**Initial value**:
autofor smartphone browsers supporting inflation,nonein other cases (and then not modifiable).| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **54** | No | No | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-size-adjust
property textSpacingTrim
textSpacingTrim?: Property.TextSpacingTrim | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
space-all | normal | space-first | trim-start**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :----: | :-----: | :-: | | **123** | No | No | **123** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-spacing-trim
property textTransform
textTransform?: Property.TextTransform | 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 | [ capitalize | uppercase | lowercase ] || full-width || full-size-kana | math-auto**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-transform
property textUnderlineOffset
textUnderlineOffset?: Property.TextUnderlineOffset<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since November 2020.
**Syntax**:
auto | <length> | <percentage>**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **70** | **12.1** | **87** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-underline-offset
property textUnderlinePosition
textUnderlinePosition?: Property.TextUnderlinePosition | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2020.
**Syntax**:
auto | from-font | [ under || [ left | right ] ]**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :---: | | **33** | **74** | **12.1** | **12** | **6** | | | | 9 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-underline-position
property textWrapMode
textWrapMode?: Property.TextWrapMode | undefined;Since October 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
wrap | nowrap**Initial value**:
wrap| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :------: | :-----: | :-: | | **130** | **124** | **17.4** | **130** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-wrap-mode
property textWrapStyle
textWrapStyle?: Property.TextWrapStyle | undefined;Since October 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
auto | balance | stable | pretty**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :------: | :-----: | :-: | | **130** | **124** | **17.5** | **130** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-wrap-style
property timelineScope
timelineScope?: Property.TimelineScope | 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 | | :-----: | :-----: | :----: | :-----: | :-: | | **116** | No | **26** | **116** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/timeline-scope
property top
top?: Property.Top<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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/top
property touchAction
touchAction?: Property.TouchAction | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2019.
**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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/touch-action
property transform
transform?: Property.Transform | 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 | <transform-list>**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-------: | :-------: | :----: | :-----: | | **36** | **16** | **9** | **12** | **10** | | 1 _-x-_ | 3.5 _-x-_ | 3.1 _-x-_ | | 9 _-x-_ |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/transform
property transformBox
transformBox?: Property.TransformBox | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
**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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/transform-box
property transformOrigin
transformOrigin?: Property.TransformOrigin<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
**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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/transform-origin
property transformStyle
transformStyle?: Property.TransformStyle | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
**Syntax**:
flat | preserve-3d**Initial value**:
flat| Chrome | Firefox | Safari | Edge | IE | | :------: | :------: | :-----: | :----: | :-: | | **36** | **16** | **9** | **12** | No | | 12 _-x-_ | 10 _-x-_ | 4 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/transform-style
property transitionBehavior
transitionBehavior?: Property.TransitionBehavior | undefined;Since August 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
<transition-behavior-value>#**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :------: | :-----: | :-: | | **117** | **129** | **17.4** | **117** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/transition-behavior
property transitionDelay
transitionDelay?: Property.TransitionDelay<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**:
<time>#**Initial value**:
0s| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-----: | :----: | :----: | | **26** | **16** | **9** | **12** | **10** | | 1 _-x-_ | | 4 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/transition-delay
property transitionDuration
transitionDuration?: Property.TransitionDuration<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**:
<time>#**Initial value**:
0s| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-------: | :----: | :----: | | **26** | **16** | **9** | **12** | **10** | | 1 _-x-_ | | 3.1 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/transition-duration
property transitionProperty
transitionProperty?: Property.TransitionProperty | 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 | <single-transition-property>#**Initial value**: all
| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-------: | :----: | :----: | | **26** | **16** | **9** | **12** | **10** | | 1 _-x-_ | | 3.1 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/transition-property
property transitionTimingFunction
transitionTimingFunction?: Property.TransitionTimingFunction | 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 | | :-----: | :-----: | :-------: | :----: | :----: | | **26** | **16** | **9** | **12** | **10** | | 1 _-x-_ | | 3.1 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/transition-timing-function
property translate
translate?: Property.Translate<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since August 2022.
**Syntax**:
none | <length-percentage> [ <length-percentage> <length>? ]?**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :------: | :-----: | :-: | | **104** | **72** | **14.1** | **104** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/translate
property unicodeBidi
unicodeBidi?: Property.UnicodeBidi | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/unicode-bidi
property userSelect
userSelect?: Property.UserSelect | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
auto | text | none | all**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :---------: | :------: | :----------: | | **54** | **69** | **3** _-x-_ | **79** | **10** _-x-_ | | 1 _-x-_ | 1 _-x-_ | | 12 _-x-_ | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/user-select
property vectorEffect
vectorEffect?: Property.VectorEffect | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
**Syntax**:
none | non-scaling-stroke | non-scaling-size | non-rotation | fixed-position**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :----: | :-: | | **6** | **15** | **5.1** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/vector-effect
property verticalAlign
verticalAlign?: Property.VerticalAlign<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**:
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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/vertical-align
property viewTimelineAxis
viewTimelineAxis?: Property.ViewTimelineAxis | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
[ block | inline | x | y ]#**Initial value**:
block| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :----: | :-----: | :-: | | **115** | No | **26** | **115** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/view-timeline-axis
property viewTimelineInset
viewTimelineInset?: Property.ViewTimelineInset<TLength> | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
[ [ auto | <length-percentage> ]{1,2} ]#**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :----: | :-----: | :-: | | **115** | No | **26** | **115** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/view-timeline-inset
property viewTimelineName
viewTimelineName?: Property.ViewTimelineName | 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 | | :-----: | :-----: | :----: | :-----: | :-: | | **115** | No | **26** | **115** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/view-timeline-name
property viewTransitionClass
viewTransitionClass?: Property.ViewTransitionClass | undefined;**Syntax**:
none | <custom-ident>+**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :------: | :-----: | :-: | | **125** | **144** | **18.2** | **125** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/view-transition-class
property viewTransitionName
viewTransitionName?: Property.ViewTransitionName | undefined;Since October 2025, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
none | <custom-ident> | match-element**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :----: | :-----: | :-: | | **111** | **144** | **18** | **111** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/view-transition-name
property visibility
visibility?: Property.Visibility | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**Syntax**:
visible | hidden | collapse**Initial value**:
visible| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/visibility
property whiteSpace
whiteSpace?: Property.WhiteSpace | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**Syntax**:
normal | pre | pre-wrap | pre-line | <'white-space-collapse'> || <'text-wrap-mode'>**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-----: | | **1** | **1** | **1** | **12** | **5.5** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/white-space
property whiteSpaceCollapse
whiteSpaceCollapse?: Property.WhiteSpaceCollapse | undefined;Since March 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
collapse | preserve | preserve-breaks | preserve-spaces | break-spaces**Initial value**:
collapse| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :------: | :-----: | :-: | | **114** | **124** | **17.4** | **114** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/white-space-collapse
property widows
widows?: Property.Widows | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
<integer>**Initial value**:
2| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :----: | :---: | | **25** | No | **1.3** | **12** | **8** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/widows
property width
width?: Property.Width<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 [0,∞]> | min-content | max-content | fit-content | fit-content(<length-percentage [0,∞]>) | <calc-size()> | <anchor-size()>**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/width
property willChange
willChange?: Property.WillChange | 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 | <animateable-feature>#**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :----: | :-: | | **36** | **36** | **9.1** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/will-change
property wordBreak
wordBreak?: Property.WordBreak | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**Syntax**:
normal | break-all | keep-all | break-word | auto-phrase**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-----: | | **1** | **15** | **3** | **12** | **5.5** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/word-break
property wordSpacing
wordSpacing?: Property.WordSpacing<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**:
normal | <length>**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **6** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/word-spacing
property wordWrap
wordWrap?: Property.WordWrap | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2018.
**Syntax**:
normal | break-word**Initial value**:
normal
property writingMode
writingMode?: Property.WritingMode | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.
**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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/writing-mode
property x
x?: Property.X<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2020.
**Syntax**:
<length> | <percentage>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **42** | **69** | **9** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/x
property y
y?: Property.Y<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2020.
**Syntax**:
<length> | <percentage>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **42** | **69** | **9** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/y
property zIndex
zIndex?: Property.ZIndex | 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 | <integer>**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/z-index
property zoom
zoom?: Property.Zoom | undefined;Since May 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
normal | reset | <number [0,∞]> || <percentage [0,∞]>**Initial value**:
1| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :----: | :-----: | | **1** | **126** | **3.1** | **12** | **5.5** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/zoom
interface StandardLonghandPropertiesHyphen
interface StandardLonghandPropertiesHyphen< TLength = (string & {}) | 0, TTime = string & {}> {}property "accent-color"
'accent-color'?: Property.AccentColor | undefined;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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/accent-color
property "align-content"
'align-content'?: 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 | <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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/align-content
property "align-items"
'align-items'?: 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**:
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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/align-items
property "align-self"
'align-self'?: Property.AlignSelf | 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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/align-self
property "align-tracks"
'align-tracks'?: Property.AlignTracks | undefined;**Syntax**:
[ normal | <baseline-position> | <content-distribution> | <overflow-position>? <content-position> ]#**Initial value**:
normal
property "alignment-baseline"
'alignment-baseline'?: Property.AlignmentBaseline | 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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/alignment-baseline
property "anchor-name"
'anchor-name'?: Property.AnchorName | 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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/anchor-name
property "anchor-scope"
'anchor-scope'?: Property.AnchorScope | undefined;**Syntax**:
none | all | <dashed-ident>#**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :-----: | :---------: | :----: | :-----: | :-: | | **131** | **preview** | **26** | **131** | No |
property "animation-composition"
'animation-composition'?: Property.AnimationComposition | 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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/animation-composition
property "animation-delay"
'animation-delay'?: 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**:
<time>#**Initial value**:
0s| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-----: | :----: | :----: | | **43** | **16** | **9** | **12** | **10** | | 3 _-x-_ | 5 _-x-_ | 4 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/animation-delay
property "animation-direction"
'animation-direction'?: 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**:
<single-animation-direction>#**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-----: | :----: | :----: | | **43** | **16** | **9** | **12** | **10** | | 3 _-x-_ | 5 _-x-_ | 4 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/animation-direction
property "animation-duration"
'animation-duration'?: 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**:
[ auto | <time [0s,∞]> ]#**Initial value**:
0s| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-----: | :----: | :----: | | **43** | **16** | **9** | **12** | **10** | | 3 _-x-_ | 5 _-x-_ | 4 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/animation-duration
property "animation-fill-mode"
'animation-fill-mode'?: 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-fill-mode>#**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-----: | :----: | :----: | | **43** | **16** | **9** | **12** | **10** | | 3 _-x-_ | 5 _-x-_ | 5 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/animation-fill-mode
property "animation-iteration-count"
'animation-iteration-count'?: 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**:
<single-animation-iteration-count>#**Initial value**:
1| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-----: | :----: | :----: | | **43** | **16** | **9** | **12** | **10** | | 3 _-x-_ | 5 _-x-_ | 4 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/animation-iteration-count
property "animation-name"
'animation-name'?: 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**:
[ none | <keyframes-name> ]#**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-----: | :----: | :----: | | **43** | **16** | **9** | **12** | **10** | | 3 _-x-_ | 5 _-x-_ | 4 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/animation-name
property "animation-play-state"
'animation-play-state'?: Property.AnimationPlayState | 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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/animation-play-state
property "animation-range-end"
'animation-range-end'?: 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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/animation-range-end
property "animation-range-start"
'animation-range-start'?: Property.AnimationRangeStart<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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/animation-range-start
property "animation-timeline"
'animation-timeline'?: Property.AnimationTimeline | 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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/animation-timeline
property "animation-timing-function"
'animation-timing-function'?: Property.AnimationTimingFunction | 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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/animation-timing-function
property "aspect-ratio"
'aspect-ratio'?: Property.AspectRatio | 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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/aspect-ratio
property "backdrop-filter"
'backdrop-filter'?: Property.BackdropFilter | 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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/backdrop-filter
property "backface-visibility"
'backface-visibility'?: Property.BackfaceVisibility | 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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/backface-visibility
property "background-attachment"
'background-attachment'?: Property.BackgroundAttachment | 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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/background-attachment
property "background-blend-mode"
'background-blend-mode'?: Property.BackgroundBlendMode | 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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/background-blend-mode
property "background-clip"
'background-clip'?: 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**:
<bg-clip>#**Initial value**:
border-box| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :----: | :---: | | **1** | **4** | **5** | **12** | **9** | | | | 3 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/background-clip
property "background-color"
'background-color'?: 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**:
<color>**Initial value**:
transparent| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/background-color
property "background-image"
'background-image'?: 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**:
<bg-image>#**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/background-image
property "background-origin"
'background-origin'?: Property.BackgroundOrigin | 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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/background-origin
property "background-position-x"
'background-position-x'?: 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 | [ [ left | right | x-start | x-end ]? <length-percentage>? ]! ]#**Initial value**:
0%| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **49** | **1** | **12** | **6** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/background-position-x
property "background-position-y"
'background-position-y'?: Property.BackgroundPositionY<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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/background-position-y
property "background-repeat"
'background-repeat'?: 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**:
<repeat-style>#**Initial value**:
repeat| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/background-repeat
property "background-size"
'background-size'?: Property.BackgroundSize<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**:
<bg-size>#**Initial value**:
auto auto| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-----: | :----: | :---: | | **3** | **4** | **5** | **12** | **9** | | 1 _-x-_ | | 3 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/background-size
property "baseline-shift"
'baseline-shift'?: Property.BaselineShift<TLength> | undefined;**Syntax**:
<length-percentage> | sub | super | baseline**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **1** | No | **4** | **79** | No |
property "block-size"
'block-size'?: 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**:
<'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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/block-size
property "border-block-end-color"
'border-block-end-color'?: 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-color'>**Initial value**:
currentcolor| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-block-end-color
property "border-block-end-style"
'border-block-end-style'?: 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-style'>**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-block-end-style
property "border-block-end-width"
'border-block-end-width'?: 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-width'>**Initial value**:
medium| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-block-end-width
property "border-block-start-color"
'border-block-start-color'?: 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-color'>**Initial value**:
currentcolor| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-block-start-color
property "border-block-start-style"
'border-block-start-style'?: 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-style'>**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-block-start-style
property "border-block-start-width"
'border-block-start-width'?: Property.BorderBlockStartWidth<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-width'>**Initial value**:
medium| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-block-start-width
property "border-bottom-color"
'border-bottom-color'?: 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**:
<'border-top-color'>**Initial value**:
currentcolor| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-bottom-color
property "border-bottom-left-radius"
'border-bottom-left-radius'?: | 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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-bottom-left-radius
property "border-bottom-right-radius"
'border-bottom-right-radius'?: | 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**:
<length-percentage [0,∞]>{1,2}**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-----: | :----: | :---: | | **4** | **4** | **5** | **12** | **9** | | 1 _-x-_ | | 3 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-bottom-right-radius
property "border-bottom-style"
'border-bottom-style'?: 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-style>**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-----: | | **1** | **1** | **1** | **12** | **5.5** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-bottom-style
property "border-bottom-width"
'border-bottom-width'?: 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**:
<line-width>**Initial value**:
medium| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-bottom-width
property "border-collapse"
'border-collapse'?: Property.BorderCollapse | 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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-collapse
property "border-end-end-radius"
'border-end-end-radius'?: 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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-end-end-radius
property "border-end-start-radius"
'border-end-start-radius'?: Property.BorderEndStartRadius<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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-end-start-radius
property "border-image-outset"
'border-image-outset'?: Property.BorderImageOutset<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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-image-outset
property "border-image-repeat"
'border-image-repeat'?: Property.BorderImageRepeat | 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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-image-repeat
property "border-image-slice"
'border-image-slice'?: 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**:
[ <number [0,∞]> | <percentage [0,∞]> ]{1,4} && fill?**Initial value**:
100%| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :----: | | **15** | **15** | **6** | **12** | **11** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-image-slice
property "border-image-source"
'border-image-source'?: 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**:
none | <image>**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :----: | | **15** | **15** | **6** | **12** | **11** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-image-source
property "border-image-width"
'border-image-width'?: Property.BorderImageWidth<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,∞]> | <number [0,∞]> | auto ]{1,4}**Initial value**:
1| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :----: | | **16** | **13** | **6** | **12** | **11** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-image-width
property "border-inline-end-color"
'border-inline-end-color'?: 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-color'>**Initial value**:
currentcolor| Chrome | Firefox | Safari | Edge | IE | | :----: | :-------------------------: | :------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No | | | 3 _(-moz-border-end-color)_ | | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-inline-end-color
property "border-inline-end-style"
'border-inline-end-style'?: 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-style'>**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-------------------------: | :------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No | | | 3 _(-moz-border-end-style)_ | | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-inline-end-style
property "border-inline-end-width"
'border-inline-end-width'?: 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-width'>**Initial value**:
medium| Chrome | Firefox | Safari | Edge | IE | | :----: | :-------------------------: | :------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No | | | 3 _(-moz-border-end-width)_ | | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-inline-end-width
property "border-inline-start-color"
'border-inline-start-color'?: 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-color'>**Initial value**:
currentcolor| Chrome | Firefox | Safari | Edge | IE | | :----: | :---------------------------: | :------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No | | | 3 _(-moz-border-start-color)_ | | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-inline-start-color
property "border-inline-start-style"
'border-inline-start-style'?: 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-style'>**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :---------------------------: | :------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No | | | 3 _(-moz-border-start-style)_ | | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-inline-start-style
property "border-inline-start-width"
'border-inline-start-width'?: | Property.BorderInlineStartWidth<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-width'>**Initial value**:
medium| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-inline-start-width
property "border-left-color"
'border-left-color'?: 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**:
<color>**Initial value**:
currentcolor| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-left-color
property "border-left-style"
'border-left-style'?: 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-style>**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-----: | | **1** | **1** | **1** | **12** | **5.5** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-left-style
property "border-left-width"
'border-left-width'?: 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**:
<line-width>**Initial value**:
medium| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-left-width
property "border-right-color"
'border-right-color'?: 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**:
<color>**Initial value**:
currentcolor| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-right-color
property "border-right-style"
'border-right-style'?: 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-style>**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-----: | | **1** | **1** | **1** | **12** | **5.5** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-right-style
property "border-right-width"
'border-right-width'?: 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**:
<line-width>**Initial value**:
medium| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-right-width
property "border-spacing"
'border-spacing'?: Property.BorderSpacing<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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-spacing
property "border-start-end-radius"
'border-start-end-radius'?: 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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-start-end-radius
property "border-start-start-radius"
'border-start-start-radius'?: | Property.BorderStartStartRadius<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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-start-start-radius
property "border-top-color"
'border-top-color'?: 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**:
<color>**Initial value**:
currentcolor| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-top-color
property "border-top-left-radius"
'border-top-left-radius'?: 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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-top-left-radius
property "border-top-right-radius"
'border-top-right-radius'?: 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**:
<length-percentage [0,∞]>{1,2}**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-----: | :----: | :---: | | **4** | **4** | **5** | **12** | **9** | | 1 _-x-_ | | 3 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-top-right-radius
property "border-top-style"
'border-top-style'?: 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-style>**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-----: | | **1** | **1** | **1** | **12** | **5.5** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-top-style
property "border-top-width"
'border-top-width'?: 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**:
<line-width>**Initial value**:
medium| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-top-width
property "box-decoration-break"
'box-decoration-break'?: Property.BoxDecorationBreak | 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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/box-decoration-break
property "box-shadow"
'box-shadow'?: 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**:
none | <shadow>#**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-----: | :----: | :---: | | **10** | **4** | **5.1** | **12** | **9** | | 1 _-x-_ | | 3 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/box-shadow
property "box-sizing"
'box-sizing'?: Property.BoxSizing | 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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/box-sizing
property "break-after"
'break-after'?: 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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/break-after
property "break-before"
'break-before'?: 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 | 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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/break-before
property "break-inside"
'break-inside'?: Property.BreakInside | 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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/break-inside
property "caption-side"
'caption-side'?: Property.CaptionSide | 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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/caption-side
property "caret-color"
'caret-color'?: Property.CaretColor | 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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/caret-color
property "caret-shape"
'caret-shape'?: Property.CaretShape | undefined;**Syntax**:
auto | bar | block | underscore**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :--: | :-: | | No | No | No | No | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/caret-shape
property "clip-path"
'clip-path'?: Property.ClipPath | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
**Syntax**:
<clip-source> | [ <basic-shape> || <geometry-box> ] | none**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :------: | :-----: | :-----: | :----: | :----: | | **55** | **3.5** | **9.1** | **79** | **10** | | 23 _-x-_ | | 7 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/clip-path
property "clip-rule"
'clip-rule'?: Property.ClipRule | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
**Syntax**:
nonzero | evenodd**Initial value**:
nonzero| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :----: | :----: | :-: | | **≤15** | **3.5** | **≤5** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/clip-rule
property "color-adjust"
'color-adjust'?: Property.PrintColorAdjust | undefined;Since May 2025, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
economy | exact**Initial value**:
economy| Chrome | Firefox | Safari | Edge | IE | | :------: | :-----------------: | :------: | :------: | :-: | | **136** | **97** | **15.4** | **136** | No | | 17 _-x-_ | 48 _(color-adjust)_ | 6 _-x-_ | 79 _-x-_ | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/print-color-adjust
property "color-interpolation-filters"
'color-interpolation-filters'?: Property.ColorInterpolationFilters | 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 | sRGB | linearRGB**Initial value**:
linearRGB| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **1** | **3** | **3** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/color-interpolation-filters
property "color-scheme"
'color-scheme'?: Property.ColorScheme | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2022.
**Syntax**:
normal | [ light | dark | <custom-ident> ]+ && only?**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **81** | **96** | **13** | **81** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/color-scheme
property "column-count"
'column-count'?: Property.ColumnCount | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.
**Syntax**:
<integer> | auto**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-----: | :----: | :----: | | **50** | **52** | **9** | **12** | **10** | | 1 _-x-_ | | 3 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/column-count
property "column-fill"
'column-fill'?: Property.ColumnFill | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.
**Syntax**:
auto | balance**Initial value**:
balance| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :----: | :----: | | **50** | **52** | **9** | **12** | **10** | | | | 8 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/column-fill
property "column-gap"
'column-gap'?: Property.ColumnGap<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**:
normal | <length-percentage>**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :----: | | **1** | **1.5** | **3** | **12** | **10** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/column-gap
property "column-rule-color"
'column-rule-color'?: Property.ColumnRuleColor | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.
**Syntax**:
<color>**Initial value**:
currentcolor| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-----: | :----: | :----: | | **50** | **52** | **9** | **12** | **10** | | 1 _-x-_ | | 3 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/column-rule-color
property "column-rule-style"
'column-rule-style'?: Property.ColumnRuleStyle | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.
**Syntax**:
<'border-style'>**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-----: | :----: | :----: | | **50** | **52** | **9** | **12** | **10** | | 1 _-x-_ | | 3 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/column-rule-style
property "column-rule-width"
'column-rule-width'?: Property.ColumnRuleWidth<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.
**Syntax**:
<'border-width'>**Initial value**:
medium| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-----: | :----: | :----: | | **50** | **52** | **9** | **12** | **10** | | 1 _-x-_ | | 3 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/column-rule-width
property "column-span"
'column-span'?: Property.ColumnSpan | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2020.
**Syntax**:
none | all**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-------: | :----: | :----: | | **50** | **71** | **9** | **12** | **10** | | 6 _-x-_ | | 5.1 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/column-span
property "column-width"
'column-width'?: Property.ColumnWidth<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since November 2016.
**Syntax**:
<length> | auto**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-----: | :----: | :----: | | **50** | **50** | **9** | **12** | **10** | | 1 _-x-_ | | 3 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/column-width
property "contain-intrinsic-block-size"
'contain-intrinsic-block-size'?: | Property.ContainIntrinsicBlockSize<TLength> | undefined;Since September 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
auto? [ none | <length> ]**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **95** | **107** | **17** | **95** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/contain-intrinsic-block-size
property "contain-intrinsic-height"
'contain-intrinsic-height'?: | Property.ContainIntrinsicHeight<TLength> | undefined;Since September 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
auto? [ none | <length> ]**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **95** | **107** | **17** | **95** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/contain-intrinsic-height
property "contain-intrinsic-inline-size"
'contain-intrinsic-inline-size'?: | Property.ContainIntrinsicInlineSize<TLength> | undefined;Since September 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
auto? [ none | <length> ]**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **95** | **107** | **17** | **95** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/contain-intrinsic-inline-size
property "contain-intrinsic-width"
'contain-intrinsic-width'?: Property.ContainIntrinsicWidth<TLength> | undefined;Since September 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
auto? [ none | <length> ]**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **95** | **107** | **17** | **95** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/contain-intrinsic-width
property "container-name"
'container-name'?: Property.ContainerName | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since February 2023.
**Syntax**:
none | <custom-ident>+**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :----: | :-----: | :-: | | **105** | **110** | **16** | **105** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/container-name
property "container-type"
'container-type'?: Property.ContainerType | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since February 2023.
**Syntax**:
normal | [ [ size | inline-size ] || scroll-state ]**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :----: | :-----: | :-: | | **105** | **110** | **16** | **105** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/container-type
property "content-visibility"
'content-visibility'?: Property.ContentVisibility | 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**:
visible | auto | hidden**Initial value**:
visible| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **85** | **125** | **18** | **85** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/content-visibility
property "counter-increment"
'counter-increment'?: Property.CounterIncrement | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**Syntax**:
[ <counter-name> <integer>? ]+ | none**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **2** | **1** | **3** | **12** | **8** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/counter-increment
property "counter-reset"
'counter-reset'?: Property.CounterReset | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**Syntax**:
[ <counter-name> <integer>? | <reversed-counter-name> <integer>? ]+ | none**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **2** | **1** | **3** | **12** | **8** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/counter-reset
property "counter-set"
'counter-set'?: Property.CounterSet | undefined;Since December 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
[ <counter-name> <integer>? ]+ | none**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **85** | **68** | **17.2** | **85** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/counter-set
property "dominant-baseline"
'dominant-baseline'?: Property.DominantBaseline | 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 | text-bottom | alphabetic | ideographic | middle | central | mathematical | hanging | text-top**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **1** | **1** | **4** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/dominant-baseline
property "empty-cells"
'empty-cells'?: Property.EmptyCells | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**Syntax**:
show | hide**Initial value**:
show| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :----: | :---: | | **1** | **1** | **1.2** | **12** | **8** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/empty-cells
property "field-sizing"
'field-sizing'?: Property.FieldSizing | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
content | fixed**Initial value**:
fixed| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :---------: | :-----: | :-: | | **123** | No | **preview** | **123** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/field-sizing
property "fill-opacity"
'fill-opacity'?: Property.FillOpacity | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
**Syntax**:
<'opacity'>**Initial value**:
1| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :-----: | :-: | | **1** | **1** | **4** | **≤15** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/fill-opacity
property "fill-rule"
'fill-rule'?: Property.FillRule | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
**Syntax**:
nonzero | evenodd**Initial value**:
nonzero| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :-----: | :-: | | **1** | **3** | **4** | **≤15** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/fill-rule
property "flex-basis"
'flex-basis'?: Property.FlexBasis<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
**Syntax**:
content | <'width'>**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :------: | :-----: | :-----: | :----: | :----: | | **29** | **22** | **9** | **12** | **11** | | 22 _-x-_ | | 7 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/flex-basis
property "flex-direction"
'flex-direction'?: Property.FlexDirection | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
**Syntax**:
row | row-reverse | column | column-reverse**Initial value**:
row| Chrome | Firefox | Safari | Edge | IE | | :------: | :-----: | :-----: | :----: | :------: | | **29** | **22** | **9** | **12** | **11** | | 21 _-x-_ | | 7 _-x-_ | | 10 _-x-_ |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/flex-direction
property "flex-grow"
'flex-grow'?: Property.FlexGrow | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
**Syntax**:
<number>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :------: | :-----: | :-----: | :----: | :----------------------: | | **29** | **20** | **9** | **12** | **11** | | 22 _-x-_ | | 7 _-x-_ | | 10 _(-ms-flex-positive)_ |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/flex-grow
property "flex-shrink"
'flex-shrink'?: Property.FlexShrink | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
**Syntax**:
<number>**Initial value**:
1| Chrome | Firefox | Safari | Edge | IE | | :------: | :-----: | :-----: | :----: | :----: | | **29** | **20** | **9** | **12** | **10** | | 22 _-x-_ | | 8 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/flex-shrink
property "flex-wrap"
'flex-wrap'?: Property.FlexWrap | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
**Syntax**:
nowrap | wrap | wrap-reverse**Initial value**:
nowrap| Chrome | Firefox | Safari | Edge | IE | | :------: | :-----: | :-----: | :----: | :----: | | **29** | **28** | **9** | **12** | **11** | | 21 _-x-_ | | 7 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/flex-wrap
property "flood-color"
'flood-color'?: Property.FloodColor | 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**:
black| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-----: | | **5** | **3** | **6** | **12** | **≤11** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/flood-color
property "flood-opacity"
'flood-opacity'?: Property.FloodOpacity | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**Syntax**:
<'opacity'>**Initial value**:
black| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-----: | | **5** | **3** | **6** | **12** | **≤11** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/flood-opacity
property "font-family"
'font-family'?: Property.FontFamily | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**Syntax**:
[ <family-name> | <generic-family> ]#**Initial value**: depends on user agent
| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **3** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-family
property "font-feature-settings"
'font-feature-settings'?: Property.FontFeatureSettings | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
**Syntax**:
normal | <feature-tag-value>#**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :------: | :------: | :-----: | :----: | :----: | | **48** | **34** | **9.1** | **15** | **10** | | 16 _-x-_ | 15 _-x-_ | | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-feature-settings
property "font-kerning"
'font-kerning'?: Property.FontKerning | 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 | normal | none**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :----: | :-: | | **33** | **32** | **9** | **79** | No | | | | 6 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-kerning
property "font-language-override"
'font-language-override'?: Property.FontLanguageOverride | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
normal | <string>**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :----: | :-----: | :-: | | **143** | **34** | No | **143** | No | | | 4 _-x-_ | | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-language-override
property "font-optical-sizing"
'font-optical-sizing'?: Property.FontOpticalSizing | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2020.
**Syntax**:
auto | none**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **79** | **62** | **13.1** | **17** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-optical-sizing
property "font-palette"
'font-palette'?: Property.FontPalette | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since November 2022.
**Syntax**:
normal | light | dark | <palette-identifier> | <palette-mix()>**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :------: | :-----: | :-: | | **101** | **107** | **15.4** | **101** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-palette
property "font-size-adjust"
'font-size-adjust'?: Property.FontSizeAdjust | undefined;Since July 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
none | [ ex-height | cap-height | ch-width | ic-width | ic-height ]? [ from-font | <number> ]**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :------: | :-----: | :-: | | **127** | **3** | **16.4** | **127** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-size-adjust
property "font-size"
'font-size'?: Property.FontSize<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**:
<absolute-size> | <relative-size> | <length-percentage [0,∞]> | math**Initial value**:
medium| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-----: | | **1** | **1** | **1** | **12** | **5.5** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-size
property "font-smooth"
'font-smooth'?: Property.FontSmooth<TLength> | undefined;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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-smooth
property "font-style"
'font-style'?: Property.FontStyle | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**Syntax**:
normal | italic | oblique <angle>?**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-style
property "font-synthesis-position"
'font-synthesis-position'?: Property.FontSynthesisPosition | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
auto | none**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :--: | :-: | | No | **118** | No | No | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-synthesis-position
property "font-synthesis-small-caps"
'font-synthesis-small-caps'?: Property.FontSynthesisSmallCaps | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2023.
**Syntax**:
auto | none**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **97** | **111** | **16.4** | **97** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-synthesis-small-caps
property "font-synthesis-style"
'font-synthesis-style'?: Property.FontSynthesisStyle | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2023.
**Syntax**:
auto | none**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **97** | **111** | **16.4** | **97** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-synthesis-style
property "font-synthesis-weight"
'font-synthesis-weight'?: Property.FontSynthesisWeight | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2023.
**Syntax**:
auto | none**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **97** | **111** | **16.4** | **97** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-synthesis-weight
property "font-synthesis"
'font-synthesis'?: Property.FontSynthesis | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2022.
**Syntax**:
none | [ weight || style || small-caps || position]**Initial value**:
weight style small-caps position| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **97** | **34** | **9** | **97** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-synthesis
property "font-variant-alternates"
'font-variant-alternates'?: Property.FontVariantAlternates | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2023.
**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| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-----: | :-----: | :-: | | **111** | **34** | **9.1** | **111** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-variant-alternates
property "font-variant-caps"
'font-variant-caps'?: Property.FontVariantCaps | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
**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** | **9.1** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-variant-caps
property "font-variant-east-asian"
'font-variant-east-asian'?: Property.FontVariantEastAsian | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
**Syntax**:
normal | [ <east-asian-variant-values> || <east-asian-width-values> || ruby ]**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :----: | :-: | | **63** | **34** | **9.1** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-variant-east-asian
property "font-variant-emoji"
'font-variant-emoji'?: Property.FontVariantEmoji | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
normal | text | emoji | unicode**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :----: | :-----: | :-: | | **131** | **141** | No | **131** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-variant-emoji
property "font-variant-ligatures"
'font-variant-ligatures'?: Property.FontVariantLigatures | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
**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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-variant-ligatures
property "font-variant-numeric"
'font-variant-numeric'?: Property.FontVariantNumeric | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
**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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-variant-numeric
property "font-variant-position"
'font-variant-position'?: Property.FontVariantPosition | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
normal | sub | super**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :--: | :-: | | No | **34** | **9.1** | No | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-variant-position
property "font-variant"
'font-variant'?: Property.FontVariant | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-variant
property "font-variation-settings"
'font-variation-settings'?: Property.FontVariationSettings | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2018.
**Syntax**:
normal | [ <string> <number> ]#**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **62** | **62** | **11** | **17** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-variation-settings
property "font-weight"
'font-weight'?: Property.FontWeight | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**Syntax**:
<font-weight-absolute> | bolder | lighter**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **2** | **1** | **1** | **12** | **3** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font-weight
property "font-width"
'font-width'?: Property.FontWidth | undefined;**Syntax**:
normal | <percentage [0,∞]> | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :--: | :-: | | No | No | **18.4** | No | No |
property "forced-color-adjust"
'forced-color-adjust'?: Property.ForcedColorAdjust | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
auto | none | preserve-parent-color**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :-----------------------------: | :---------------------------------: | | **89** | **113** | No | **79** | **10** _(-ms-high-contrast-adjust)_ | | | | | 12 _(-ms-high-contrast-adjust)_ | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/forced-color-adjust
property "grid-auto-columns"
'grid-auto-columns'?: Property.GridAutoColumns<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2020.
**Syntax**:
<track-size>+**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-------------------------: | | **57** | **70** | **10.1** | **16** | **10** _(-ms-grid-columns)_ |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/grid-auto-columns
property "grid-auto-flow"
'grid-auto-flow'?: Property.GridAutoFlow | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.
**Syntax**:
[ row | column ] || dense**Initial value**:
row| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **57** | **52** | **10.1** | **16** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/grid-auto-flow
property "grid-auto-rows"
'grid-auto-rows'?: Property.GridAutoRows<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2020.
**Syntax**:
<track-size>+**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :----------------------: | | **57** | **70** | **10.1** | **16** | **10** _(-ms-grid-rows)_ |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/grid-auto-rows
property "grid-column-end"
'grid-column-end'?: Property.GridColumnEnd | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.
**Syntax**:
<grid-line>**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **57** | **52** | **10.1** | **16** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/grid-column-end
property "grid-column-start"
'grid-column-start'?: Property.GridColumnStart | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.
**Syntax**:
<grid-line>**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **57** | **52** | **10.1** | **16** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/grid-column-start
property "grid-row-end"
'grid-row-end'?: Property.GridRowEnd | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.
**Syntax**:
<grid-line>**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **57** | **52** | **10.1** | **16** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/grid-row-end
property "grid-row-start"
'grid-row-start'?: Property.GridRowStart | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.
**Syntax**:
<grid-line>**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **57** | **52** | **10.1** | **16** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/grid-row-start
property "grid-template-areas"
'grid-template-areas'?: Property.GridTemplateAreas | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.
**Syntax**:
none | <string>+**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **57** | **52** | **10.1** | **16** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/grid-template-areas
property "grid-template-columns"
'grid-template-columns'?: Property.GridTemplateColumns<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.
**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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/grid-template-columns
property "grid-template-rows"
'grid-template-rows'?: Property.GridTemplateRows<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.
**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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/grid-template-rows
property "hanging-punctuation"
'hanging-punctuation'?: Property.HangingPunctuation | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
none | [ first || [ force-end | allow-end ] || last ]**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :--: | :-: | | No | No | **10** | No | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/hanging-punctuation
property "hyphenate-character"
'hyphenate-character'?: Property.HyphenateCharacter | undefined;Since September 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
auto | <string>**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-------: | :------: | :-: | | **106** | **98** | **17** | **106** | No | | 6 _-x-_ | | 5.1 _-x-_ | 79 _-x-_ | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/hyphenate-character
property "hyphenate-limit-chars"
'hyphenate-limit-chars'?: Property.HyphenateLimitChars | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
[ auto | <integer> ]{1,3}**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :----: | :-----: | :-: | | **109** | **137** | No | **109** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/hyphenate-limit-chars
property "image-orientation"
'image-orientation'?: Property.ImageOrientation | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2020.
**Syntax**:
from-image | <angle> | [ <angle>? flip ]**Initial value**:
from-image| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **81** | **26** | **13.1** | **81** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/image-orientation
property "image-rendering"
'image-rendering'?: Property.ImageRendering | 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 | crisp-edges | pixelated | smooth**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **13** | **3.6** | **6** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/image-rendering
property "image-resolution"
'image-resolution'?: Property.ImageResolution | undefined;The **
image-resolution** CSS property specifies the intrinsic resolution of all raster images used in or on the element. It affects content images such as replaced elements and generated content, and decorative images such asbackground-imageimages.**Syntax**:
[ from-image || <resolution> ] && snap?**Initial value**:
1dppx
property "initial-letter-align"
'initial-letter-align'?: Property.InitialLetterAlign | undefined;**Syntax**:
[ auto | alphabetic | hanging | ideographic ]**Initial value**:
auto
property "initial-letter"
'initial-letter'?: Property.InitialLetter | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
normal | [ <number> <integer>? ]**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :---------: | :-----: | :-: | | **110** | No | **9** _-x-_ | **110** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/initial-letter
property "inline-size"
'inline-size'?: Property.InlineSize<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-width)_ | | 5.1 _(-webkit-logical-width)_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/inline-size
property "inset-block-end"
'inset-block-end'?: Property.InsetBlockEnd<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
<'top'>**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **63** | **14.1** | **87** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/inset-block-end
property "inset-block-start"
'inset-block-start'?: Property.InsetBlockStart<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
<'top'>**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **63** | **14.1** | **87** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/inset-block-start
property "inset-inline-end"
'inset-inline-end'?: Property.InsetInlineEnd<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
<'top'>**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **63** | **14.1** | **87** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/inset-inline-end
property "inset-inline-start"
'inset-inline-start'?: Property.InsetInlineStart<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
<'top'>**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **63** | **14.1** | **87** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/inset-inline-start
property "interpolate-size"
'interpolate-size'?: Property.InterpolateSize | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
numeric-only | allow-keywords**Initial value**:
numeric-only| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :----: | :-----: | :-: | | **129** | No | No | **129** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/interpolate-size
property "justify-content"
'justify-content'?: Property.JustifyContent | 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 | <content-distribution> | <overflow-position>? [ <content-position> | left | right ]**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :------: | :-----: | :-----: | :----: | :----: | | **29** | **20** | **9** | **12** | **11** | | 21 _-x-_ | | 7 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/justify-content
property "justify-items"
'justify-items'?: Property.JustifyItems | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2016.
**Syntax**:
normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | legacy | legacy && [ left | right | center ] | anchor-center**Initial value**:
legacy| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :----: | | **52** | **20** | **9** | **12** | **11** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/justify-items
property "justify-self"
'justify-self'?: Property.JustifySelf | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.
**Syntax**:
auto | normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | anchor-center**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :----: | | **57** | **45** | **10.1** | **16** | **10** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/justify-self
property "justify-tracks"
'justify-tracks'?: Property.JustifyTracks | undefined;**Syntax**:
[ normal | <content-distribution> | <overflow-position>? [ <content-position> | left | right ] ]#**Initial value**:
normal
property "letter-spacing"
'letter-spacing'?: Property.LetterSpacing<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**:
normal | <length>**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/letter-spacing
property "lighting-color"
'lighting-color'?: Property.LightingColor | 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**:
white| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-----: | | **5** | **3** | **6** | **12** | **≤11** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/lighting-color
property "line-break"
'line-break'?: Property.LineBreak | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2020.
**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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/line-break
property "line-height-step"
'line-height-step'?: Property.LineHeightStep<TLength> | undefined;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
property "line-height"
'line-height'?: Property.LineHeight<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**:
normal | <number> | <length> | <percentage>**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/line-height
property "list-style-image"
'list-style-image'?: Property.ListStyleImage | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**Syntax**:
<image> | none**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/list-style-image
property "list-style-position"
'list-style-position'?: Property.ListStylePosition | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**Syntax**:
inside | outside**Initial value**:
outside| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/list-style-position
property "list-style-type"
'list-style-type'?: Property.ListStyleType | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**Syntax**:
<counter-style> | <string> | none**Initial value**:
disc| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/list-style-type
property "margin-block-end"
'margin-block-end'?: Property.MarginBlockEnd<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**:
<'margin-top'>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/margin-block-end
property "margin-block-start"
'margin-block-start'?: Property.MarginBlockStart<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**:
<'margin-top'>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/margin-block-start
property "margin-bottom"
'margin-bottom'?: Property.MarginBottom<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> | auto | <anchor-size()>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **3** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/margin-bottom
property "margin-inline-end"
'margin-inline-end'?: Property.MarginInlineEnd<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**:
<'margin-top'>**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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/margin-inline-end
property "margin-inline-start"
'margin-inline-start'?: Property.MarginInlineStart<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**:
<'margin-top'>**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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/margin-inline-start
property "margin-left"
'margin-left'?: Property.MarginLeft<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> | auto | <anchor-size()>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **3** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/margin-left
property "margin-right"
'margin-right'?: Property.MarginRight<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> | auto | <anchor-size()>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **3** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/margin-right
property "margin-top"
'margin-top'?: Property.MarginTop<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> | auto | <anchor-size()>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **3** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/margin-top
property "margin-trim"
'margin-trim'?: Property.MarginTrim | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
none | in-flow | all**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :--: | :-: | | No | No | **16.4** | No | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/margin-trim
property "marker-end"
'marker-end'?: Property.MarkerEnd | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
**Syntax**:
none | <url>**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :-----: | :-: | | **1** | **3** | **4** | **≤15** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/marker-end
property "marker-mid"
'marker-mid'?: Property.MarkerMid | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
**Syntax**:
none | <url>**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :-----: | :-: | | **1** | **3** | **4** | **≤15** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/marker-mid
property "marker-start"
'marker-start'?: Property.MarkerStart | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
**Syntax**:
none | <url>**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :-----: | :-: | | **1** | **3** | **4** | **≤15** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/marker-start
property "mask-border-mode"
'mask-border-mode'?: Property.MaskBorderMode | undefined;The **
mask-border-mode** CSS property specifies the blending mode used in a mask border.**Syntax**:
luminance | alpha**Initial value**:
alpha
property "mask-border-outset"
'mask-border-outset'?: Property.MaskBorderOutset<TLength> | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
[ <length> | <number> ]{1,4}**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :-------------------------------------: | :-----: | :-----------------------------------: | :--------------------------------------: | :-: | | **1** _(-webkit-mask-box-image-outset)_ | No | **17.2** | **79** _(-webkit-mask-box-image-outset)_ | No | | | | 3.1 _(-webkit-mask-box-image-outset)_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/mask-border-outset
property "mask-border-repeat"
'mask-border-repeat'?: Property.MaskBorderRepeat | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
[ stretch | repeat | round | space ]{1,2}**Initial value**:
stretch| Chrome | Firefox | Safari | Edge | IE | | :-------------------------------------: | :-----: | :-----------------------------------: | :--------------------------------------: | :-: | | **1** _(-webkit-mask-box-image-repeat)_ | No | **17.2** | **79** _(-webkit-mask-box-image-repeat)_ | No | | | | 3.1 _(-webkit-mask-box-image-repeat)_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/mask-border-repeat
property "mask-border-slice"
'mask-border-slice'?: Property.MaskBorderSlice | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
<number-percentage>{1,4} fill?**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :------------------------------------: | :-----: | :----------------------------------: | :-------------------------------------: | :-: | | **1** _(-webkit-mask-box-image-slice)_ | No | **17.2** | **79** _(-webkit-mask-box-image-slice)_ | No | | | | 3.1 _(-webkit-mask-box-image-slice)_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/mask-border-slice
property "mask-border-source"
'mask-border-source'?: Property.MaskBorderSource | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
none | <image>**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :-------------------------------------: | :-----: | :-----------------------------------: | :--------------------------------------: | :-: | | **1** _(-webkit-mask-box-image-source)_ | No | **17.2** | **79** _(-webkit-mask-box-image-source)_ | No | | | | 3.1 _(-webkit-mask-box-image-source)_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/mask-border-source
property "mask-border-width"
'mask-border-width'?: Property.MaskBorderWidth<TLength> | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
[ <length-percentage> | <number> | auto ]{1,4}**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :------------------------------------: | :-----: | :----------------------------------: | :-------------------------------------: | :-: | | **1** _(-webkit-mask-box-image-width)_ | No | **17.2** | **79** _(-webkit-mask-box-image-width)_ | No | | | | 3.1 _(-webkit-mask-box-image-width)_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/mask-border-width
property "mask-clip"
'mask-clip'?: Property.MaskClip | undefined;Since December 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
[ <coord-box> | no-clip ]#**Initial value**:
border-box| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :------: | :------: | :-: | | **120** | **53** | **15.4** | **120** | No | | 1 _-x-_ | | 4 _-x-_ | 79 _-x-_ | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/mask-clip
property "mask-composite"
'mask-composite'?: Property.MaskComposite | undefined;Since December 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
<compositing-operator>#**Initial value**:
add| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :------: | :---: | :-: | | **120** | **53** | **15.4** | 18-79 | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/mask-composite
property "mask-image"
'mask-image'?: Property.MaskImage | undefined;Since December 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
<mask-reference>#**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :------: | :---: | :-: | | **120** | **53** | **15.4** | 16-79 | No | | 1 _-x-_ | | 4 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/mask-image
property "mask-mode"
'mask-mode'?: Property.MaskMode | undefined;Since December 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
<masking-mode>#**Initial value**:
match-source| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :------: | :-----: | :-: | | **120** | **53** | **15.4** | **120** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/mask-mode
property "mask-origin"
'mask-origin'?: Property.MaskOrigin | undefined;Since December 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
<coord-box>#**Initial value**:
border-box| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :------: | :------: | :-: | | **120** | **53** | **15.4** | **120** | No | | 1 _-x-_ | | 4 _-x-_ | 79 _-x-_ | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/mask-origin
property "mask-position"
'mask-position'?: Property.MaskPosition<TLength> | undefined;Since December 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
<position>#**Initial value**:
0% 0%| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-------: | :---: | :-: | | **120** | **53** | **15.4** | 18-79 | No | | 1 _-x-_ | | 3.1 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/mask-position
property "mask-repeat"
'mask-repeat'?: Property.MaskRepeat | undefined;Since December 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
<repeat-style>#**Initial value**:
repeat| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-------: | :---: | :-: | | **120** | **53** | **15.4** | 18-79 | No | | 1 _-x-_ | | 3.1 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/mask-repeat
property "mask-size"
'mask-size'?: Property.MaskSize<TLength> | undefined;Since December 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
<bg-size>#**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :------: | :---: | :-: | | **120** | **53** | **15.4** | 18-79 | No | | 4 _-x-_ | | 4 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/mask-size
property "mask-type"
'mask-type'?: Property.MaskType | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
**Syntax**:
luminance | alpha**Initial value**:
luminance| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **24** | **35** | **7** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/mask-type
property "masonry-auto-flow"
'masonry-auto-flow'?: Property.MasonryAutoFlow | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.
**Syntax**:
[ pack | next ] || [ definite-first | ordered ]**Initial value**:
pack
property "math-depth"
'math-depth'?: Property.MathDepth | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
auto-add | add(<integer>) | <integer>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :----: | :-----: | :-: | | **109** | **117** | No | **109** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/math-depth
property "math-shift"
'math-shift'?: Property.MathShift | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
normal | compact**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :----: | :-----: | :-: | | **109** | No | No | **109** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/math-shift
property "math-style"
'math-style'?: Property.MathStyle | undefined;Since August 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
normal | compact**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :------: | :-----: | :-: | | **109** | **117** | **14.1** | **109** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/math-style
property "max-block-size"
'max-block-size'?: Property.MaxBlockSize<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**:
<'max-width'>**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **57** | **41** | **12.1** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/max-block-size
property "max-height"
'max-height'?: Property.MaxHeight<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**:
none | <length-percentage [0,∞]> | min-content | max-content | fit-content | fit-content(<length-percentage [0,∞]>) | <calc-size()> | <anchor-size()>**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :----: | :---: | | **1** | **1** | **1.3** | **12** | **7** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/max-height
property "max-inline-size"
'max-inline-size'?: Property.MaxInlineSize<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**:
<'max-width'>**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :--------: | :----: | :-: | | **57** | **41** | **12.1** | **79** | No | | | | 10.1 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/max-inline-size
property "max-lines"
'max-lines'?: Property.MaxLines | undefined;**Syntax**:
none | <integer>**Initial value**:
none
property "max-width"
'max-width'?: Property.MaxWidth<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**:
none | <length-percentage [0,∞]> | min-content | max-content | fit-content | fit-content(<length-percentage [0,∞]>) | <calc-size()> | <anchor-size()>**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **7** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/max-width
property "min-block-size"
'min-block-size'?: Property.MinBlockSize<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**:
<'min-width'>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **57** | **41** | **12.1** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/min-block-size
property "min-height"
'min-height'?: Property.MinHeight<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 [0,∞]> | min-content | max-content | fit-content | fit-content(<length-percentage [0,∞]>) | <calc-size()> | <anchor-size()>**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :----: | :---: | | **1** | **3** | **1.3** | **12** | **7** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/min-height
property "min-inline-size"
'min-inline-size'?: Property.MinInlineSize<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**:
<'min-width'>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **57** | **41** | **12.1** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/min-inline-size
property "min-width"
'min-width'?: Property.MinWidth<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 [0,∞]> | min-content | max-content | fit-content | fit-content(<length-percentage [0,∞]>) | <calc-size()> | <anchor-size()>**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **7** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/min-width
property "mix-blend-mode"
'mix-blend-mode'?: Property.MixBlendMode | 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> | plus-darker | plus-lighter**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **41** | **32** | **8** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/mix-blend-mode
property "motion-distance"
'motion-distance'?: Property.OffsetDistance<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2022.
**Syntax**:
<length-percentage>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :--------------------: | :-----: | :----: | :----: | :-: | | **55** | **72** | **16** | **79** | No | | 46 _(motion-distance)_ | | | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/offset-distance
property "motion-path"
'motion-path'?: Property.OffsetPath | 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 | <offset-path> || <coord-box>**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----------------: | :-----: | :------: | :----: | :-: | | **55** | **72** | **15.4** | **79** | No | | 46 _(motion-path)_ | | | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/offset-path
property "motion-rotation"
'motion-rotation'?: Property.OffsetRotate | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2022.
**Syntax**:
[ auto | reverse ] || <angle>**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :--------------------: | :-----: | :----: | :----: | :-: | | **56** | **72** | **16** | **79** | No | | 46 _(motion-rotation)_ | | | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/offset-rotate
property "object-fit"
'object-fit'?: Property.ObjectFit | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
**Syntax**:
fill | contain | cover | none | scale-down**Initial value**:
fill| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **32** | **36** | **10** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/object-fit
property "object-position"
'object-position'?: Property.ObjectPosition<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**:
<position>**Initial value**:
50% 50%| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **32** | **36** | **10** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/object-position
property "object-view-box"
'object-view-box'?: Property.ObjectViewBox | undefined;**Syntax**:
none | <basic-shape-rect>**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :----: | :-----: | :-: | | **104** | No | No | **104** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/object-view-box
property "offset-anchor"
'offset-anchor'?: Property.OffsetAnchor<TLength> | undefined;Since August 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
auto | <position>**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :----: | :-----: | :-: | | **116** | **72** | **16** | **116** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/offset-anchor
property "offset-distance"
'offset-distance'?: Property.OffsetDistance<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2022.
**Syntax**:
<length-percentage>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :--------------------: | :-----: | :----: | :----: | :-: | | **55** | **72** | **16** | **79** | No | | 46 _(motion-distance)_ | | | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/offset-distance
property "offset-path"
'offset-path'?: Property.OffsetPath | 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 | <offset-path> || <coord-box>**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----------------: | :-----: | :------: | :----: | :-: | | **55** | **72** | **15.4** | **79** | No | | 46 _(motion-path)_ | | | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/offset-path
property "offset-position"
'offset-position'?: Property.OffsetPosition<TLength> | undefined;Since January 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
normal | auto | <position>**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :----: | :-----: | :-: | | **116** | **122** | **16** | **116** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/offset-position
property "offset-rotate"
'offset-rotate'?: Property.OffsetRotate | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2022.
**Syntax**:
[ auto | reverse ] || <angle>**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :--------------------: | :-----: | :----: | :----: | :-: | | **56** | **72** | **16** | **79** | No | | 46 _(motion-rotation)_ | | | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/offset-rotate
property "offset-rotation"
'offset-rotation'?: Property.OffsetRotate | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2022.
**Syntax**:
[ auto | reverse ] || <angle>**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :--------------------: | :-----: | :----: | :----: | :-: | | **56** | **72** | **16** | **79** | No | | 46 _(motion-rotation)_ | | | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/offset-rotate
property "outline-color"
'outline-color'?: Property.OutlineColor | 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 | <color>**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :----: | :---: | | **1** | **1.5** | **1.2** | **12** | **8** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/outline-color
property "outline-offset"
'outline-offset'?: Property.OutlineOffset<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
**Syntax**:
<length>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :----: | :-: | | **1** | **1.5** | **1.2** | **15** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/outline-offset
property "outline-style"
'outline-style'?: Property.OutlineStyle | 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 | <outline-line-style>**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :----: | :---: | | **1** | **1.5** | **1.2** | **12** | **8** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/outline-style
property "outline-width"
'outline-width'?: Property.OutlineWidth<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-width>**Initial value**:
medium| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :----: | :---: | | **1** | **1.5** | **1.2** | **12** | **8** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/outline-width
property "overflow-anchor"
'overflow-anchor'?: Property.OverflowAnchor | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
auto | none**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :---------: | :----: | :-: | | **56** | **66** | **preview** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/overflow-anchor
property "overflow-block"
'overflow-block'?: Property.OverflowBlock | undefined;Since September 2025, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
visible | hidden | clip | scroll | auto**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :----: | :-----: | :-: | | **135** | **69** | **26** | **135** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/overflow-block
property "overflow-clip-box"
'overflow-clip-box'?: Property.OverflowClipBox | undefined;**Syntax**:
padding-box | content-box**Initial value**:
padding-box
property "overflow-clip-margin"
'overflow-clip-margin'?: Property.OverflowClipMargin<TLength> | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
<visual-box> || <length [0,∞]>**Initial value**:
0px| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **90** | **102** | No | **90** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/overflow-clip-margin
property "overflow-inline"
'overflow-inline'?: Property.OverflowInline | undefined;Since September 2025, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
visible | hidden | clip | scroll | auto**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :----: | :-----: | :-: | | **135** | **69** | **26** | **135** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/overflow-inline
property "overflow-wrap"
'overflow-wrap'?: Property.OverflowWrap | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2018.
**Syntax**:
normal | break-word | anywhere**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :-------------: | :---------------: | :-------------: | :--------------: | :-------------------: | | **23** | **49** | **7** | **18** | **5.5** _(word-wrap)_ | | 1 _(word-wrap)_ | 3.5 _(word-wrap)_ | 1 _(word-wrap)_ | 12 _(word-wrap)_ | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/overflow-wrap
property "overflow-x"
'overflow-x'?: Property.OverflowX | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**Syntax**:
visible | hidden | clip | scroll | auto**Initial value**:
visible| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **3.5** | **3** | **12** | **5** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/overflow-x
property "overflow-y"
'overflow-y'?: Property.OverflowY | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**Syntax**:
visible | hidden | clip | scroll | auto**Initial value**:
visible| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **3.5** | **3** | **12** | **5** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/overflow-y
property "overscroll-behavior-block"
'overscroll-behavior-block'?: Property.OverscrollBehaviorBlock | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2022.
**Syntax**:
contain | none | auto**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **77** | **73** | **16** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/overscroll-behavior-block
property "overscroll-behavior-inline"
'overscroll-behavior-inline'?: Property.OverscrollBehaviorInline | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2022.
**Syntax**:
contain | none | auto**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **77** | **73** | **16** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/overscroll-behavior-inline
property "overscroll-behavior-x"
'overscroll-behavior-x'?: Property.OverscrollBehaviorX | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2022.
**Syntax**:
contain | none | auto**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **63** | **59** | **16** | **18** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/overscroll-behavior-x
property "overscroll-behavior-y"
'overscroll-behavior-y'?: Property.OverscrollBehaviorY | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2022.
**Syntax**:
contain | none | auto**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **63** | **59** | **16** | **18** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/overscroll-behavior-y
property "padding-block-end"
'padding-block-end'?: Property.PaddingBlockEnd<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**:
<'padding-top'>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/padding-block-end
property "padding-block-start"
'padding-block-start'?: Property.PaddingBlockStart<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**:
<'padding-top'>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/padding-block-start
property "padding-bottom"
'padding-bottom'?: Property.PaddingBottom<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,∞]>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/padding-bottom
property "padding-inline-end"
'padding-inline-end'?: Property.PaddingInlineEnd<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**:
<'padding-top'>**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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/padding-inline-end
property "padding-inline-start"
'padding-inline-start'?: Property.PaddingInlineStart<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**:
<'padding-top'>**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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/padding-inline-start
property "padding-left"
'padding-left'?: Property.PaddingLeft<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,∞]>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/padding-left
property "padding-right"
'padding-right'?: Property.PaddingRight<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,∞]>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/padding-right
property "padding-top"
'padding-top'?: Property.PaddingTop<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,∞]>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/padding-top
property "paint-order"
'paint-order'?: Property.PaintOrder | undefined;Since March 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
normal | [ fill || stroke || markers ]**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :----: | :-----: | :-: | | **123** | **60** | **11** | **123** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/paint-order
property "perspective-origin"
'perspective-origin'?: Property.PerspectiveOrigin<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
**Syntax**:
<position>**Initial value**:
50% 50%| Chrome | Firefox | Safari | Edge | IE | | :------: | :------: | :-----: | :----: | :----: | | **36** | **16** | **9** | **12** | **10** | | 12 _-x-_ | 10 _-x-_ | 4 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/perspective-origin
property "pointer-events"
'pointer-events'?: Property.PointerEvents | 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 | 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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/pointer-events
property "position-anchor"
'position-anchor'?: Property.PositionAnchor | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
auto | <anchor-name>**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :-----: | :---------: | :----: | :-----: | :-: | | **125** | **preview** | **26** | **125** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/position-anchor
property "position-area"
'position-area'?: Property.PositionArea | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
none | <position-area>**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :-----: | :---------: | :----: | :-----: | :-: | | **129** | **preview** | **26** | **129** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/position-area
property "position-try-fallbacks"
'position-try-fallbacks'?: Property.PositionTryFallbacks | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
none | [ [<dashed-ident> || <try-tactic>] | <'position-area'> ]#**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :-----: | :---------: | :----: | :-----: | :-: | | **128** | **preview** | **26** | **128** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/position-try-fallbacks
property "position-try-order"
'position-try-order'?: Property.PositionTryOrder | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
normal | <try-size>**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :----: | :-----: | :-: | | **125** | No | **26** | **125** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/position-try-order
property "position-visibility"
'position-visibility'?: Property.PositionVisibility | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
always | [ anchors-valid || anchors-visible || no-overflow ]**Initial value**:
anchors-visible| Chrome | Firefox | Safari | Edge | IE | | :-----: | :---------: | :----: | :-----: | :-: | | **125** | **preview** | No | **125** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/position-visibility
property "print-color-adjust"
'print-color-adjust'?: Property.PrintColorAdjust | undefined;Since May 2025, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
economy | exact**Initial value**:
economy| Chrome | Firefox | Safari | Edge | IE | | :------: | :-----------------: | :------: | :------: | :-: | | **136** | **97** | **15.4** | **136** | No | | 17 _-x-_ | 48 _(color-adjust)_ | 6 _-x-_ | 79 _-x-_ | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/print-color-adjust
property "row-gap"
'row-gap'?: Property.RowGap<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.
**Syntax**:
normal | <length-percentage>**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **47** | **52** | **10.1** | **16** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/row-gap
property "ruby-align"
'ruby-align'?: Property.RubyAlign | undefined;Since December 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
start | center | space-between | space-around**Initial value**:
space-around| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :------: | :-----: | :-: | | **128** | **38** | **18.2** | **128** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/ruby-align
property "ruby-merge"
'ruby-merge'?: Property.RubyMerge | undefined;**Syntax**:
separate | collapse | auto**Initial value**:
separate
property "ruby-overhang"
'ruby-overhang'?: Property.RubyOverhang | undefined;**Syntax**:
auto | none**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :--: | :-: | | No | No | **18.2** | No | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/ruby-overhang
property "ruby-position"
'ruby-position'?: Property.RubyPosition | undefined;Since December 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
[ alternate || [ over | under ] ] | inter-character**Initial value**:
alternate| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :------: | :---: | :-: | | **84** | **38** | **18.2** | 12-79 | No | | 1 _-x-_ | | 7 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/ruby-position
property "scroll-behavior"
'scroll-behavior'?: Property.ScrollBehavior | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2022.
**Syntax**:
auto | smooth**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **61** | **36** | **15.4** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-behavior
property "scroll-initial-target"
'scroll-initial-target'?: Property.ScrollInitialTarget | undefined;**Syntax**:
none | nearest**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :----: | :-----: | :-: | | **133** | No | No | **133** | No |
property "scroll-margin-block-end"
'scroll-margin-block-end'?: Property.ScrollMarginBlockEnd<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**:
<length>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **69** | **68** | **15** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-margin-block-end
property "scroll-margin-block-start"
'scroll-margin-block-start'?: | Property.ScrollMarginBlockStart<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**:
<length>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **69** | **68** | **15** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-margin-block-start
property "scroll-margin-bottom"
'scroll-margin-bottom'?: Property.ScrollMarginBottom<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
<length>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------------------------------: | :----: | :-: | | **69** | **68** | **14.1** | **79** | No | | | | 11 _(scroll-snap-margin-bottom)_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-margin-bottom
property "scroll-margin-inline-end"
'scroll-margin-inline-end'?: Property.ScrollMarginInlineEnd<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**:
<length>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **69** | **68** | **15** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-margin-inline-end
property "scroll-margin-inline-start"
'scroll-margin-inline-start'?: | Property.ScrollMarginInlineStart<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**:
<length>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **69** | **68** | **15** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-margin-inline-start
property "scroll-margin-left"
'scroll-margin-left'?: Property.ScrollMarginLeft<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
<length>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----------------------------: | :----: | :-: | | **69** | **68** | **14.1** | **79** | No | | | | 11 _(scroll-snap-margin-left)_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-margin-left
property "scroll-margin-right"
'scroll-margin-right'?: Property.ScrollMarginRight<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
<length>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----------------------------: | :----: | :-: | | **69** | **68** | **14.1** | **79** | No | | | | 11 _(scroll-snap-margin-right)_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-margin-right
property "scroll-margin-top"
'scroll-margin-top'?: Property.ScrollMarginTop<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
<length>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :---------------------------: | :----: | :-: | | **69** | **68** | **14.1** | **79** | No | | | | 11 _(scroll-snap-margin-top)_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-margin-top
property "scroll-padding-block-end"
'scroll-padding-block-end'?: Property.ScrollPaddingBlockEnd<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**:
auto | <length-percentage>**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **69** | **68** | **15** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-padding-block-end
property "scroll-padding-block-start"
'scroll-padding-block-start'?: | Property.ScrollPaddingBlockStart<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**:
auto | <length-percentage>**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **69** | **68** | **15** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-padding-block-start
property "scroll-padding-bottom"
'scroll-padding-bottom'?: Property.ScrollPaddingBottom<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
auto | <length-percentage>**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **69** | **68** | **14.1** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-padding-bottom
property "scroll-padding-inline-end"
'scroll-padding-inline-end'?: | Property.ScrollPaddingInlineEnd<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**:
auto | <length-percentage>**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **69** | **68** | **15** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-padding-inline-end
property "scroll-padding-inline-start"
'scroll-padding-inline-start'?: | Property.ScrollPaddingInlineStart<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**:
auto | <length-percentage>**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **69** | **68** | **15** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-padding-inline-start
property "scroll-padding-left"
'scroll-padding-left'?: Property.ScrollPaddingLeft<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
auto | <length-percentage>**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **69** | **68** | **14.1** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-padding-left
property "scroll-padding-right"
'scroll-padding-right'?: Property.ScrollPaddingRight<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
auto | <length-percentage>**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **69** | **68** | **14.1** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-padding-right
property "scroll-padding-top"
'scroll-padding-top'?: Property.ScrollPaddingTop<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
auto | <length-percentage>**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **69** | **68** | **14.1** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-padding-top
property "scroll-snap-align"
'scroll-snap-align'?: Property.ScrollSnapAlign | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
**Syntax**:
[ none | start | end | center ]{1,2}**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **69** | **68** | **11** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-snap-align
property "scroll-snap-margin-bottom"
'scroll-snap-margin-bottom'?: Property.ScrollMarginBottom<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
<length>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------------------------------: | :----: | :-: | | **69** | **68** | **14.1** | **79** | No | | | | 11 _(scroll-snap-margin-bottom)_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-margin-bottom
property "scroll-snap-margin-left"
'scroll-snap-margin-left'?: Property.ScrollMarginLeft<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
<length>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----------------------------: | :----: | :-: | | **69** | **68** | **14.1** | **79** | No | | | | 11 _(scroll-snap-margin-left)_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-margin-left
property "scroll-snap-margin-right"
'scroll-snap-margin-right'?: Property.ScrollMarginRight<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
<length>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----------------------------: | :----: | :-: | | **69** | **68** | **14.1** | **79** | No | | | | 11 _(scroll-snap-margin-right)_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-margin-right
property "scroll-snap-margin-top"
'scroll-snap-margin-top'?: Property.ScrollMarginTop<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
<length>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :---------------------------: | :----: | :-: | | **69** | **68** | **14.1** | **79** | No | | | | 11 _(scroll-snap-margin-top)_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-margin-top
property "scroll-snap-stop"
'scroll-snap-stop'?: Property.ScrollSnapStop | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2022.
**Syntax**:
normal | always**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **75** | **103** | **15** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-snap-stop
property "scroll-snap-type"
'scroll-snap-type'?: Property.ScrollSnapType | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2022.
**Syntax**:
none | [ x | y | block | inline | both ] [ mandatory | proximity ]?**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :----: | :----------: | | **69** | 39-68 | **11** | **79** | **10** _-x-_ | | | | 9 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-snap-type
property "scroll-timeline-axis"
'scroll-timeline-axis'?: Property.ScrollTimelineAxis | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
[ block | inline | x | y ]#**Initial value**:
block| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :----: | :-----: | :-: | | **115** | No | **26** | **115** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-timeline-axis
property "scroll-timeline-name"
'scroll-timeline-name'?: Property.ScrollTimelineName | 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 | | :-----: | :-----: | :----: | :-----: | :-: | | **115** | No | **26** | **115** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-timeline-name
property "scrollbar-color"
'scrollbar-color'?: Property.ScrollbarColor | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
auto | <color>{2}**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :----: | :-----: | :-: | | **121** | **64** | No | **121** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scrollbar-color
property "scrollbar-gutter"
'scrollbar-gutter'?: Property.ScrollbarGutter | undefined;Since December 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
auto | stable && both-edges?**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **94** | **97** | **18.2** | **94** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scrollbar-gutter
property "scrollbar-width"
'scrollbar-width'?: Property.ScrollbarWidth | undefined;Since December 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
auto | thin | none**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :------: | :-----: | :-: | | **121** | **64** | **18.2** | **121** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scrollbar-width
property "shape-image-threshold"
'shape-image-threshold'?: Property.ShapeImageThreshold | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
**Syntax**:
<opacity-value>**Initial value**:
0.0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **37** | **62** | **10.1** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/shape-image-threshold
property "shape-margin"
'shape-margin'?: Property.ShapeMargin<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**:
<length-percentage>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **37** | **62** | **10.1** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/shape-margin
property "shape-outside"
'shape-outside'?: Property.ShapeOutside | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
**Syntax**:
none | [ <shape-box> || <basic-shape> ] | <image>**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **37** | **62** | **10.1** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/shape-outside
property "shape-rendering"
'shape-rendering'?: Property.ShapeRendering | 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 | optimizeSpeed | crispEdges | geometricPrecision**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **1** | **3** | **4** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/shape-rendering
property "speak-as"
'speak-as'?: Property.SpeakAs | undefined;**Syntax**:
normal | spell-out || digits || [ literal-punctuation | no-punctuation ]**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :--: | :-: | | No | No | **11.1** | No | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/speak-as
property "stop-color"
'stop-color'?: Property.StopColor | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
**Syntax**:
<'color'>**Initial value**:
black| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :-----: | :-: | | **1** | **3** | **4** | **≤15** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/stop-color
property "stop-opacity"
'stop-opacity'?: Property.StopOpacity | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
**Syntax**:
<'opacity'>**Initial value**:
black| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :-----: | :-: | | **1** | **3** | **4** | **≤15** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/stop-opacity
property "stroke-color"
'stroke-color'?: Property.StrokeColor | undefined;**Syntax**:
<color>**Initial value**:
transparent| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :--: | :-: | | No | No | **11.1** | No | No |
property "stroke-dasharray"
'stroke-dasharray'?: Property.StrokeDasharray<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
**Syntax**:
none | <dasharray>**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :-----: | :-: | | **1** | **1.5** | **4** | **≤15** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/stroke-dasharray
property "stroke-dashoffset"
'stroke-dashoffset'?: Property.StrokeDashoffset<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
**Syntax**:
<length-percentage> | <number>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :-----: | :-: | | **1** | **1.5** | **4** | **≤15** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/stroke-dashoffset
property "stroke-linecap"
'stroke-linecap'?: Property.StrokeLinecap | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
**Syntax**:
butt | round | square**Initial value**:
butt| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :-----: | :-: | | **1** | **1.5** | **4** | **≤15** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/stroke-linecap
property "stroke-linejoin"
'stroke-linejoin'?: Property.StrokeLinejoin | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
**Syntax**:
miter | miter-clip | round | bevel | arcs**Initial value**:
miter| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :-----: | :-: | | **1** | **1.5** | **4** | **≤15** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/stroke-linejoin
property "stroke-miterlimit"
'stroke-miterlimit'?: Property.StrokeMiterlimit | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
**Syntax**:
<number>**Initial value**:
4| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :-----: | :-: | | **1** | **1.5** | **4** | **≤15** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/stroke-miterlimit
property "stroke-opacity"
'stroke-opacity'?: Property.StrokeOpacity | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
**Syntax**:
<'opacity'>**Initial value**:
1| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :-----: | :-: | | **1** | **1.5** | **4** | **≤15** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/stroke-opacity
property "stroke-width"
'stroke-width'?: Property.StrokeWidth<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
**Syntax**:
<length-percentage> | <number>**Initial value**:
1px| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :-----: | :-: | | **1** | **1.5** | **4** | **≤15** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/stroke-width
property "tab-size"
'tab-size'?: Property.TabSize<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since August 2021.
**Syntax**:
<integer> | <length>**Initial value**:
8| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **21** | **91** | **7** | **79** | No | | | 4 _-x-_ | | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/tab-size
property "table-layout"
'table-layout'?: Property.TableLayout | 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 | fixed**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **14** | **1** | **1** | **12** | **5** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/table-layout
property "text-align-last"
'text-align-last'?: Property.TextAlignLast | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2022.
**Syntax**:
auto | start | end | left | right | center | justify**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-----: | | **47** | **49** | **16** | **12** | **5.5** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-align-last
property "text-align"
'text-align'?: Property.TextAlign | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**Syntax**:
start | end | left | right | center | justify | match-parent**Initial value**:
start, or a nameless value that acts asleftif _direction_ isltr,rightif _direction_ isrtlifstartis not supported by the browser.| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **3** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-align
property "text-anchor"
'text-anchor'?: Property.TextAnchor | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since August 2016.
**Syntax**:
start | middle | end**Initial value**:
start| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :-----: | :-: | | **1** | **3** | **4** | **≤14** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-anchor
property "text-autospace"
'text-autospace'?: Property.TextAutospace | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
normal | <autospace> | auto**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :------: | :-----: | :-: | | **140** | **145** | **18.4** | **140** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-autospace
property "text-box-edge"
'text-box-edge'?: Property.TextBoxEdge | undefined;**Syntax**:
auto | <text-edge>**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :------: | :-----: | :-: | | **133** | No | **18.2** | **133** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-box-edge
property "text-box-trim"
'text-box-trim'?: Property.TextBoxTrim | undefined;**Syntax**:
none | trim-start | trim-end | trim-both**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :------: | :-----: | :-: | | **133** | No | **18.2** | **133** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-box-trim
property "text-box"
'text-box'?: Property.TextBox | undefined;**Syntax**:
normal | <'text-box-trim'> || <'text-box-edge'>**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :------: | :-----: | :-: | | **133** | No | **18.2** | **133** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-box
property "text-combine-upright"
'text-combine-upright'?: Property.TextCombineUpright | 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 | all | [ digits <integer>? ]**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :------------------------: | :-----: | :--------------------------: | :----: | :------------------------------------: | | **48** | **48** | **15.4** | **79** | **11** _(-ms-text-combine-horizontal)_ | | 9 _(-webkit-text-combine)_ | | 5.1 _(-webkit-text-combine)_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-combine-upright
property "text-decoration-color"
'text-decoration-color'?: Property.TextDecorationColor | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
**Syntax**:
<color>**Initial value**:
currentcolor| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **57** | **36** | **12.1** | **79** | No | | | | 8 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-decoration-color
property "text-decoration-line"
'text-decoration-line'?: Property.TextDecorationLine | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
**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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-decoration-line
property "text-decoration-skip-ink"
'text-decoration-skip-ink'?: Property.TextDecorationSkipInk | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2022.
**Syntax**:
auto | all | none**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **64** | **70** | **15.4** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-decoration-skip-ink
property "text-decoration-skip"
'text-decoration-skip'?: Property.TextDecorationSkip | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**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 | | | | 7 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-decoration-skip
property "text-decoration-style"
'text-decoration-style'?: Property.TextDecorationStyle | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
**Syntax**:
solid | double | dotted | dashed | wavy**Initial value**:
solid| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **57** | **36** | **12.1** | **79** | No | | | | 8 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-decoration-style
property "text-decoration-thickness"
'text-decoration-thickness'?: | Property.TextDecorationThickness<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2021.
**Syntax**:
auto | from-font | <length> | <percentage>**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **89** | **70** | **12.1** | **89** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-decoration-thickness
property "text-emphasis-color"
'text-emphasis-color'?: Property.TextEmphasisColor | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2022.
**Syntax**:
<color>**Initial value**:
currentcolor| Chrome | Firefox | Safari | Edge | IE | | :------: | :-----: | :----: | :------: | :-: | | **99** | **46** | **7** | **99** | No | | 25 _-x-_ | | | 79 _-x-_ | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-emphasis-color
property "text-emphasis-position"
'text-emphasis-position'?: Property.TextEmphasisPosition | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2022.
**Syntax**:
auto | [ over | under ] && [ right | left ]?**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :------: | :-----: | :----: | :------: | :-: | | **99** | **46** | **7** | **99** | No | | 25 _-x-_ | | | 79 _-x-_ | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-emphasis-position
property "text-emphasis-style"
'text-emphasis-style'?: Property.TextEmphasisStyle | 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 | [ [ filled | open ] || [ dot | circle | double-circle | triangle | sesame ] ] | <string>**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :------: | :-----: | :----: | :------: | :-: | | **99** | **46** | **7** | **99** | No | | 25 _-x-_ | | | 79 _-x-_ | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-emphasis-style
property "text-indent"
'text-indent'?: Property.TextIndent<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> && hanging? && each-line?**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **3** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-indent
property "text-justify"
'text-justify'?: Property.TextJustify | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
auto | inter-character | inter-word | none**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :---: | :----: | | No | **55** | No | 12-79 | **11** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-justify
property "text-orientation"
'text-orientation'?: Property.TextOrientation | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2020.
**Syntax**:
mixed | upright | sideways**Initial value**:
mixed| Chrome | Firefox | Safari | Edge | IE | | :------: | :-----: | :-------: | :----: | :-: | | **48** | **41** | **14** | **79** | No | | 12 _-x-_ | | 5.1 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-orientation
property "text-overflow"
'text-overflow'?: Property.TextOverflow | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**Syntax**:
[ clip | ellipsis | <string> ]{1,2}**Initial value**:
clip| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :----: | :---: | | **1** | **7** | **1.3** | **12** | **6** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-overflow
property "text-rendering"
'text-rendering'?: Property.TextRendering | 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 | optimizeSpeed | optimizeLegibility | geometricPrecision**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **4** | **1** | **5** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-rendering
property "text-shadow"
'text-shadow'?: Property.TextShadow | 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-t>#**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :----: | :----: | | **2** | **3.5** | **1.1** | **12** | **10** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-shadow
property "text-size-adjust"
'text-size-adjust'?: Property.TextSizeAdjust | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
none | auto | <percentage>**Initial value**:
autofor smartphone browsers supporting inflation,nonein other cases (and then not modifiable).| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **54** | No | No | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-size-adjust
property "text-spacing-trim"
'text-spacing-trim'?: Property.TextSpacingTrim | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
space-all | normal | space-first | trim-start**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :----: | :-----: | :-: | | **123** | No | No | **123** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-spacing-trim
property "text-transform"
'text-transform'?: Property.TextTransform | 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 | [ capitalize | uppercase | lowercase ] || full-width || full-size-kana | math-auto**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-transform
property "text-underline-offset"
'text-underline-offset'?: Property.TextUnderlineOffset<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since November 2020.
**Syntax**:
auto | <length> | <percentage>**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **70** | **12.1** | **87** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-underline-offset
property "text-underline-position"
'text-underline-position'?: Property.TextUnderlinePosition | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2020.
**Syntax**:
auto | from-font | [ under || [ left | right ] ]**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :---: | | **33** | **74** | **12.1** | **12** | **6** | | | | 9 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-underline-position
property "text-wrap-mode"
'text-wrap-mode'?: Property.TextWrapMode | undefined;Since October 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
wrap | nowrap**Initial value**:
wrap| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :------: | :-----: | :-: | | **130** | **124** | **17.4** | **130** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-wrap-mode
property "text-wrap-style"
'text-wrap-style'?: Property.TextWrapStyle | undefined;Since October 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
auto | balance | stable | pretty**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :------: | :-----: | :-: | | **130** | **124** | **17.5** | **130** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-wrap-style
property "timeline-scope"
'timeline-scope'?: Property.TimelineScope | 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 | | :-----: | :-----: | :----: | :-----: | :-: | | **116** | No | **26** | **116** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/timeline-scope
property "touch-action"
'touch-action'?: Property.TouchAction | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2019.
**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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/touch-action
property "transform-box"
'transform-box'?: Property.TransformBox | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
**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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/transform-box
property "transform-origin"
'transform-origin'?: Property.TransformOrigin<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
**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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/transform-origin
property "transform-style"
'transform-style'?: Property.TransformStyle | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
**Syntax**:
flat | preserve-3d**Initial value**:
flat| Chrome | Firefox | Safari | Edge | IE | | :------: | :------: | :-----: | :----: | :-: | | **36** | **16** | **9** | **12** | No | | 12 _-x-_ | 10 _-x-_ | 4 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/transform-style
property "transition-behavior"
'transition-behavior'?: Property.TransitionBehavior | undefined;Since August 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
<transition-behavior-value>#**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :------: | :-----: | :-: | | **117** | **129** | **17.4** | **117** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/transition-behavior
property "transition-delay"
'transition-delay'?: Property.TransitionDelay<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**:
<time>#**Initial value**:
0s| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-----: | :----: | :----: | | **26** | **16** | **9** | **12** | **10** | | 1 _-x-_ | | 4 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/transition-delay
property "transition-duration"
'transition-duration'?: Property.TransitionDuration<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**:
<time>#**Initial value**:
0s| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-------: | :----: | :----: | | **26** | **16** | **9** | **12** | **10** | | 1 _-x-_ | | 3.1 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/transition-duration
property "transition-property"
'transition-property'?: Property.TransitionProperty | 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 | <single-transition-property>#**Initial value**: all
| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-------: | :----: | :----: | | **26** | **16** | **9** | **12** | **10** | | 1 _-x-_ | | 3.1 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/transition-property
property "transition-timing-function"
'transition-timing-function'?: Property.TransitionTimingFunction | 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 | | :-----: | :-----: | :-------: | :----: | :----: | | **26** | **16** | **9** | **12** | **10** | | 1 _-x-_ | | 3.1 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/transition-timing-function
property "unicode-bidi"
'unicode-bidi'?: Property.UnicodeBidi | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/unicode-bidi
property "user-select"
'user-select'?: Property.UserSelect | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
auto | text | none | all**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :---------: | :------: | :----------: | | **54** | **69** | **3** _-x-_ | **79** | **10** _-x-_ | | 1 _-x-_ | 1 _-x-_ | | 12 _-x-_ | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/user-select
property "vector-effect"
'vector-effect'?: Property.VectorEffect | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
**Syntax**:
none | non-scaling-stroke | non-scaling-size | non-rotation | fixed-position**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :----: | :-: | | **6** | **15** | **5.1** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/vector-effect
property "vertical-align"
'vertical-align'?: Property.VerticalAlign<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**:
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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/vertical-align
property "view-timeline-axis"
'view-timeline-axis'?: Property.ViewTimelineAxis | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
[ block | inline | x | y ]#**Initial value**:
block| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :----: | :-----: | :-: | | **115** | No | **26** | **115** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/view-timeline-axis
property "view-timeline-inset"
'view-timeline-inset'?: Property.ViewTimelineInset<TLength> | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
[ [ auto | <length-percentage> ]{1,2} ]#**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :----: | :-----: | :-: | | **115** | No | **26** | **115** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/view-timeline-inset
property "view-timeline-name"
'view-timeline-name'?: Property.ViewTimelineName | 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 | | :-----: | :-----: | :----: | :-----: | :-: | | **115** | No | **26** | **115** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/view-timeline-name
property "view-transition-class"
'view-transition-class'?: Property.ViewTransitionClass | undefined;**Syntax**:
none | <custom-ident>+**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :------: | :-----: | :-: | | **125** | **144** | **18.2** | **125** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/view-transition-class
property "view-transition-name"
'view-transition-name'?: Property.ViewTransitionName | undefined;Since October 2025, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
none | <custom-ident> | match-element**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :----: | :-----: | :-: | | **111** | **144** | **18** | **111** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/view-transition-name
property "white-space-collapse"
'white-space-collapse'?: Property.WhiteSpaceCollapse | undefined;Since March 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
collapse | preserve | preserve-breaks | preserve-spaces | break-spaces**Initial value**:
collapse| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :------: | :-----: | :-: | | **114** | **124** | **17.4** | **114** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/white-space-collapse
property "white-space"
'white-space'?: Property.WhiteSpace | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**Syntax**:
normal | pre | pre-wrap | pre-line | <'white-space-collapse'> || <'text-wrap-mode'>**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-----: | | **1** | **1** | **1** | **12** | **5.5** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/white-space
property "will-change"
'will-change'?: Property.WillChange | 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 | <animateable-feature>#**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :----: | :-: | | **36** | **36** | **9.1** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/will-change
property "word-break"
'word-break'?: Property.WordBreak | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**Syntax**:
normal | break-all | keep-all | break-word | auto-phrase**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-----: | | **1** | **15** | **3** | **12** | **5.5** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/word-break
property "word-spacing"
'word-spacing'?: Property.WordSpacing<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**:
normal | <length>**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **6** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/word-spacing
property "word-wrap"
'word-wrap'?: Property.WordWrap | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2018.
**Syntax**:
normal | break-word**Initial value**:
normal
property "writing-mode"
'writing-mode'?: Property.WritingMode | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.
**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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/writing-mode
property "z-index"
'z-index'?: Property.ZIndex | 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 | <integer>**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/z-index
property 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 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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/appearance
property bottom
bottom?: Property.Bottom<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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/bottom
property clear
clear?: Property.Clear | 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 | left | right | both | inline-start | inline-end**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/clear
property color
color?: Property.Color | 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**:
canvastext| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **3** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/color
property contain
contain?: Property.Contain | 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 | strict | content | [ [ size || inline-size ] || layout || style || paint ]**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **52** | **69** | **15.4** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/contain
property content
content?: Property.Content | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**Syntax**:
normal | none | [ <content-replacement> | <content-list> ] [ / [ <string> | <counter> | <attr()> ]+ ]?**Initial value**:
normal| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **8** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/content
property cursor
cursor?: Property.Cursor | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since December 2021.
**Syntax**:
[ [ <url> [ <x> <y> ]? , ]* <cursor-predefined> ]**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :----: | :---: | | **1** | **1** | **1.2** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/cursor
property cx
cx?: Property.Cx<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2020.
**Syntax**:
<length> | <percentage>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **43** | **69** | **9** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/cx
property cy
cy?: Property.Cy<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2020.
**Syntax**:
<length> | <percentage>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **43** | **69** | **9** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/cy
property d
d?: Property.D | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
none | path(<string>)**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **52** | **97** | No | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/d
property direction
direction?: Property.Direction | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**Syntax**:
ltr | rtl**Initial value**:
ltr| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-----: | | **2** | **1** | **1** | **12** | **5.5** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/direction
property display
display?: Property.Display | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/display
property fill
fill?: Property.Fill | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
**Syntax**:
<paint>**Initial value**:
black| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :-----: | :-: | | **1** | **3** | **4** | **≤15** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/fill
property filter
filter?: Property.Filter | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2016.
**Syntax**:
none | <filter-value-list>**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :------: | :-----: | :-----: | :----: | :-: | | **53** | **35** | **9.1** | **12** | No | | 18 _-x-_ | | 6 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/filter
property float
float?: Property.Float | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**Syntax**:
left | right | none | inline-start | inline-end**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/float
property height
height?: Property.Height<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 [0,∞]> | min-content | max-content | fit-content | fit-content(<length-percentage [0,∞]>) | <calc-size()> | <anchor-size()>**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/height
property hyphens
hyphens?: Property.Hyphens | undefined;Since September 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
none | manual | auto**Initial value**:
manual| Chrome | Firefox | Safari | Edge | IE | | :------: | :-----: | :-------: | :----: | :----------: | | **55** | **43** | **17** | **79** | **10** _-x-_ | | 13 _-x-_ | 6 _-x-_ | 5.1 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/hyphens
property isolation
isolation?: Property.Isolation | 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 | isolate**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **41** | **36** | **8** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/isolation
property left
left?: Property.Left<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.5** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/left
property marker
marker?: Property.Marker | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
**Syntax**:
none | <url>| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :-----: | :-: | | **1** | **3** | **4** | **≤15** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/marker
property opacity
opacity?: Property.Opacity | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**Syntax**:
<opacity-value>**Initial value**:
1| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **2** | **12** | **9** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/opacity
property order
order?: Property.Order | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
**Syntax**:
<integer>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :------: | :-----: | :-----: | :----: | :------: | | **29** | **20** | **9** | **12** | **11** | | 21 _-x-_ | | 7 _-x-_ | | 10 _-x-_ |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/order
property orphans
orphans?: Property.Orphans | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
<integer>**Initial value**:
2| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :----: | :---: | | **25** | No | **1.3** | **12** | **8** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/orphans
property overlay
overlay?: Property.Overlay | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
none | auto**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :----: | :-----: | :-: | | **117** | No | No | **117** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/overlay
property page
page?: Property.Page | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since February 2023.
**Syntax**:
auto | <custom-ident>**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **85** | **110** | **1** | **85** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/page
property perspective
perspective?: Property.Perspective<TLength> | 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 | <length>**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :------: | :------: | :-----: | :----: | :----: | | **36** | **16** | **9** | **12** | **10** | | 12 _-x-_ | 10 _-x-_ | 4 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/perspective
property position
position?: Property.Position | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**Syntax**:
static | relative | absolute | sticky | fixed**Initial value**:
static| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/position
property quotes
quotes?: Property.Quotes | 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 | auto | [ <string> <string> ]+**Initial value**: depends on user agent
| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **11** | **1.5** | **9** | **12** | **8** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/quotes
property r
r?: Property.R<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2020.
**Syntax**:
<length> | <percentage>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **43** | **69** | **9** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/r
property resize
resize?: Property.Resize | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
none | both | horizontal | vertical | block | inline**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **1** | **4** | **3** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/resize
property right
right?: Property.Right<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.5** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/right
property rotate
rotate?: Property.Rotate | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since August 2022.
**Syntax**:
none | <angle> | [ x | y | z | <number>{3} ] && <angle>**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :------: | :-----: | :-: | | **104** | **72** | **14.1** | **104** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/rotate
property rx
rx?: Property.Rx<TLength> | undefined;Since March 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
<length> | <percentage>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **43** | **69** | **17.4** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/rx
property ry
ry?: Property.Ry<TLength> | undefined;Since March 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
<length> | <percentage>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **43** | **69** | **17.4** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/ry
property scale
scale?: Property.Scale | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since August 2022.
**Syntax**:
none | [ <number> | <percentage> ]{1,3}**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :------: | :-----: | :-: | | **104** | **72** | **14.1** | **104** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scale
property stroke
stroke?: Property.Stroke | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
**Syntax**:
<paint>| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :-----: | :-: | | **1** | **1.5** | **4** | **≤15** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/stroke
property top
top?: Property.Top<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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/top
property transform
transform?: Property.Transform | 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 | <transform-list>**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-------: | :-------: | :----: | :-----: | | **36** | **16** | **9** | **12** | **10** | | 1 _-x-_ | 3.5 _-x-_ | 3.1 _-x-_ | | 9 _-x-_ |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/transform
property translate
translate?: Property.Translate<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since August 2022.
**Syntax**:
none | <length-percentage> [ <length-percentage> <length>? ]?**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :------: | :-----: | :-: | | **104** | **72** | **14.1** | **104** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/translate
property visibility
visibility?: Property.Visibility | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**Syntax**:
visible | hidden | collapse**Initial value**:
visible| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/visibility
property widows
widows?: Property.Widows | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
<integer>**Initial value**:
2| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :----: | :---: | | **25** | No | **1.3** | **12** | **8** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/widows
property width
width?: Property.Width<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 [0,∞]> | min-content | max-content | fit-content | fit-content(<length-percentage [0,∞]>) | <calc-size()> | <anchor-size()>**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/width
property x
x?: Property.X<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2020.
**Syntax**:
<length> | <percentage>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **42** | **69** | **9** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/x
property y
y?: Property.Y<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2020.
**Syntax**:
<length> | <percentage>**Initial value**:
0| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **42** | **69** | **9** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/y
property zoom
zoom?: Property.Zoom | undefined;Since May 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
normal | reset | <number [0,∞]> || <percentage [0,∞]>**Initial value**:
1| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :----: | :-----: | | **1** | **126** | **3.1** | **12** | **5.5** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/zoom
interface StandardProperties
interface StandardProperties<TLength = (string & {}) | 0, TTime = string & {}> extends StandardLonghandProperties<TLength, TTime>, StandardShorthandProperties<TLength, TTime> {}interface StandardPropertiesFallback
interface StandardPropertiesFallback< TLength = (string & {}) | 0, TTime = string & {}> extends StandardLonghandPropertiesFallback<TLength, TTime>, StandardShorthandPropertiesFallback<TLength, TTime> {}interface StandardPropertiesHyphen
interface StandardPropertiesHyphen<TLength = (string & {}) | 0, TTime = string & {}> extends StandardLonghandPropertiesHyphen<TLength, TTime>, StandardShorthandPropertiesHyphen<TLength, TTime> {}interface StandardPropertiesHyphenFallback
interface StandardPropertiesHyphenFallback< TLength = (string & {}) | 0, TTime = string & {}> extends StandardLonghandPropertiesHyphenFallback<TLength, TTime>, StandardShorthandPropertiesHyphenFallback<TLength, TTime> {}interface StandardShorthandProperties
interface StandardShorthandProperties< TLength = (string & {}) | 0, TTime = string & {}> {}property all
all?: Property.All | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
**Syntax**:
initial | inherit | unset | revert | revert-layer**Initial value**: There is no practical initial value for it.
| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :----: | :-: | | **37** | **27** | **9.1** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/all
property animation
animation?: Property.Animation<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>#| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-----: | :----: | :----: | | **43** | **16** | **9** | **12** | **10** | | 3 _-x-_ | 5 _-x-_ | 4 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/animation
property animationRange
animationRange?: Property.AnimationRange<TLength> | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
[ <'animation-range-start'> <'animation-range-end'>? ]#| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :----: | :-----: | :-: | | **115** | No | **26** | **115** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/animation-range
property background
background?: Property.Background<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**:
<bg-layer>#? , <final-bg-layer>| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/background
property backgroundPosition
backgroundPosition?: Property.BackgroundPosition<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**:
<bg-position>#**Initial value**:
0% 0%| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/background-position
property border
border?: Property.Border<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-width> || <line-style> || <color>| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border
property borderBlock
borderBlock?: Property.BorderBlock<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
<'border-block-start'>| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **66** | **14.1** | **87** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-block
property borderBlockColor
borderBlockColor?: Property.BorderBlockColor | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
<'border-top-color'>{1,2}**Initial value**:
currentcolor| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **66** | **14.1** | **87** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-block-color
property borderBlockEnd
borderBlockEnd?: Property.BorderBlockEnd<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-width'> || <'border-top-style'> || <color>| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-block-end
property borderBlockStart
borderBlockStart?: Property.BorderBlockStart<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-width'> || <'border-top-style'> || <color>| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-block-start
property borderBlockStyle
borderBlockStyle?: Property.BorderBlockStyle | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
<'border-top-style'>{1,2}**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **66** | **14.1** | **87** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-block-style
property borderBlockWidth
borderBlockWidth?: Property.BorderBlockWidth<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
<'border-top-width'>{1,2}**Initial value**:
medium| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **66** | **14.1** | **87** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-block-width
property borderBottom
borderBottom?: Property.BorderBottom<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-width> || <line-style> || <color>| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-bottom
property borderColor
borderColor?: Property.BorderColor | 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>{1,4}| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-color
property borderImage
borderImage?: Property.BorderImage | 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-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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-image
property borderInline
borderInline?: Property.BorderInline<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
<'border-block-start'>| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **66** | **14.1** | **87** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-inline
property borderInlineColor
borderInlineColor?: Property.BorderInlineColor | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
<'border-top-color'>{1,2}**Initial value**:
currentcolor| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **66** | **14.1** | **87** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-inline-color
property borderInlineEnd
borderInlineEnd?: Property.BorderInlineEnd<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-width'> || <'border-top-style'> || <color>| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-inline-end
property borderInlineStart
borderInlineStart?: Property.BorderInlineStart<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-width'> || <'border-top-style'> || <color>| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-inline-start
property borderInlineStyle
borderInlineStyle?: Property.BorderInlineStyle | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
<'border-top-style'>{1,2}**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **66** | **14.1** | **87** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-inline-style
property borderInlineWidth
borderInlineWidth?: Property.BorderInlineWidth<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
<'border-top-width'>{1,2}**Initial value**:
medium| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **66** | **14.1** | **87** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-inline-width
property borderLeft
borderLeft?: Property.BorderLeft<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-width> || <line-style> || <color>| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-left
property borderRadius
borderRadius?: Property.BorderRadius<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,4} [ / <length-percentage [0,∞]>{1,4} ]?| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-----: | :----: | :---: | | **4** | **4** | **5** | **12** | **9** | | 1 _-x-_ | | 3 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-radius
property borderRight
borderRight?: Property.BorderRight<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-width> || <line-style> || <color>| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-----: | | **1** | **1** | **1** | **12** | **5.5** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-right
property borderStyle
borderStyle?: Property.BorderStyle | 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>{1,4}| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-style
property borderTop
borderTop?: Property.BorderTop<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-width> || <line-style> || <color>| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-top
property borderWidth
borderWidth?: Property.BorderWidth<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-width>{1,4}| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-width
property caret
caret?: Property.Caret | undefined;**Syntax**:
<'caret-color'> || <'caret-shape'>
property columnRule
columnRule?: Property.ColumnRule<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.
**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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/column-rule
property columns
columns?: Property.Columns<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.
**Syntax**:
<'column-width'> || <'column-count'>| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :----: | :----: | | **50** | **52** | **9** | **12** | **10** | | | | 3 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/columns
property container
container?: Property.Container | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since February 2023.
**Syntax**:
<'container-name'> [ / <'container-type'> ]?| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :----: | :-----: | :-: | | **105** | **110** | **16** | **105** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/container
property containIntrinsicSize
containIntrinsicSize?: Property.ContainIntrinsicSize<TLength> | undefined;Since September 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
[ auto? [ none | <length> ] ]{1,2}| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **83** | **107** | **17** | **83** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/contain-intrinsic-size
property flex
flex?: Property.Flex<TLength> | 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 | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]| Chrome | Firefox | Safari | Edge | IE | | :------: | :-----: | :-----: | :----: | :------: | | **29** | **22** | **9** | **12** | **11** | | 21 _-x-_ | | 7 _-x-_ | | 10 _-x-_ |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/flex
property flexFlow
flexFlow?: Property.FlexFlow | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
**Syntax**:
<'flex-direction'> || <'flex-wrap'>| Chrome | Firefox | Safari | Edge | IE | | :------: | :-----: | :-----: | :----: | :----: | | **29** | **28** | **9** | **12** | **11** | | 21 _-x-_ | | 7 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/flex-flow
property font
font?: Property.Font | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**Syntax**:
[ [ <'font-style'> || <font-variant-css2> || <'font-weight'> || <font-width-css3> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'># ] | <system-family-name>| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **3** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font
property gap
gap?: Property.Gap<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.
**Syntax**:
<'row-gap'> <'column-gap'>?| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **57** | **52** | **10.1** | **16** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/gap
property grid
grid?: Property.Grid | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.
**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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/grid
property gridArea
gridArea?: Property.GridArea | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.
**Syntax**:
<grid-line> [ / <grid-line> ]{0,3}| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **57** | **52** | **10.1** | **16** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/grid-area
property gridColumn
gridColumn?: Property.GridColumn | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.
**Syntax**:
<grid-line> [ / <grid-line> ]?| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **57** | **52** | **10.1** | **16** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/grid-column
property gridRow
gridRow?: Property.GridRow | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.
**Syntax**:
<grid-line> [ / <grid-line> ]?| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **57** | **52** | **10.1** | **16** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/grid-row
property gridTemplate
gridTemplate?: Property.GridTemplate | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.
**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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/grid-template
property inset
inset?: Property.Inset<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
<'top'>{1,4}| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **66** | **14.1** | **87** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/inset
property insetBlock
insetBlock?: Property.InsetBlock<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
<'top'>{1,2}| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **63** | **14.1** | **87** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/inset-block
property insetInline
insetInline?: Property.InsetInline<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
<'top'>{1,2}| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **63** | **14.1** | **87** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/inset-inline
property lineClamp
lineClamp?: Property.LineClamp | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
none | <integer>**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :---------: | :----------: | :-------: | :----------: | :-: | | **6** _-x-_ | **68** _-x-_ | 18.2-18.4 | **17** _-x-_ | No | | | | 5 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/line-clamp
property listStyle
listStyle?: Property.ListStyle | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**Syntax**:
<'list-style-type'> || <'list-style-position'> || <'list-style-image'>| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/list-style
property margin
margin?: Property.Margin<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**:
<'margin-top'>{1,4}| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **3** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/margin
property marginBlock
marginBlock?: Property.MarginBlock<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
<'margin-top'>{1,2}| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **66** | **14.1** | **87** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/margin-block
property marginInline
marginInline?: Property.MarginInline<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
<'margin-top'>{1,2}| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **66** | **14.1** | **87** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/margin-inline
property mask
mask?: Property.Mask<TLength> | undefined;Since December 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
<mask-layer>#| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-------: | :---: | :-: | | **120** | **53** | **15.4** | 12-79 | No | | 1 _-x-_ | | 3.1 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/mask
property maskBorder
maskBorder?: Property.MaskBorder | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
<'mask-border-source'> || <'mask-border-slice'> [ / <'mask-border-width'>? [ / <'mask-border-outset'> ]? ]? || <'mask-border-repeat'> || <'mask-border-mode'>| Chrome | Firefox | Safari | Edge | IE | | :------------------------------: | :-----: | :----------------------------: | :-------------------------------: | :-: | | **1** _(-webkit-mask-box-image)_ | No | **17.2** | **79** _(-webkit-mask-box-image)_ | No | | | | 3.1 _(-webkit-mask-box-image)_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/mask-border
property motion
motion?: Property.Offset<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2022.
**Syntax**:
[ <'offset-position'>? [ <'offset-path'> [ <'offset-distance'> || <'offset-rotate'> ]? ]? ]! [ / <'offset-anchor'> ]?| Chrome | Firefox | Safari | Edge | IE | | :-----------: | :-----: | :----: | :----: | :-: | | **55** | **72** | **16** | **79** | No | | 46 _(motion)_ | | | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/offset
property offset
offset?: Property.Offset<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2022.
**Syntax**:
[ <'offset-position'>? [ <'offset-path'> [ <'offset-distance'> || <'offset-rotate'> ]? ]? ]! [ / <'offset-anchor'> ]?| Chrome | Firefox | Safari | Edge | IE | | :-----------: | :-----: | :----: | :----: | :-: | | **55** | **72** | **16** | **79** | No | | 46 _(motion)_ | | | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/offset
property outline
outline?: Property.Outline<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2023.
**Syntax**:
<'outline-width'> || <'outline-style'> || <'outline-color'>| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :---: | | **94** | **88** | **16.4** | **94** | **8** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/outline
property overflow
overflow?: Property.Overflow | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**Syntax**:
[ visible | hidden | clip | scroll | auto ]{1,2}**Initial value**:
visible| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/overflow
property overscrollBehavior
overscrollBehavior?: Property.OverscrollBehavior | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2022.
**Syntax**:
[ contain | none | auto ]{1,2}**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **63** | **59** | **16** | **18** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/overscroll-behavior
property padding
padding?: Property.Padding<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**:
<'padding-top'>{1,4}| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/padding
property paddingBlock
paddingBlock?: Property.PaddingBlock<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
<'padding-top'>{1,2}| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **66** | **14.1** | **87** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/padding-block
property paddingInline
paddingInline?: Property.PaddingInline<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
<'padding-top'>{1,2}| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **66** | **14.1** | **87** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/padding-inline
property placeContent
placeContent?: Property.PlaceContent | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
**Syntax**:
<'align-content'> <'justify-content'>?| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **59** | **45** | **9** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/place-content
property placeItems
placeItems?: Property.PlaceItems | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
**Syntax**:
<'align-items'> <'justify-items'>?| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **59** | **45** | **11** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/place-items
property placeSelf
placeSelf?: Property.PlaceSelf | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
**Syntax**:
<'align-self'> <'justify-self'>?| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **59** | **45** | **11** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/place-self
property positionTry
positionTry?: Property.PositionTry | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
<'position-try-order'>? <'position-try-fallbacks'>| Chrome | Firefox | Safari | Edge | IE | | :-----: | :---------: | :----: | :-----: | :-: | | **125** | **preview** | **26** | **125** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/position-try
property scrollMargin
scrollMargin?: Property.ScrollMargin<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2021.
**Syntax**:
<length>{1,4}| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----------------------: | :----: | :-: | | **69** | **90** | **14.1** | **79** | No | | | | 11 _(scroll-snap-margin)_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-margin
property scrollMarginBlock
scrollMarginBlock?: Property.ScrollMarginBlock<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**:
<length>{1,2}| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **69** | **68** | **15** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-margin-block
property scrollMarginInline
scrollMarginInline?: Property.ScrollMarginInline<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**:
<length>{1,2}| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **69** | **68** | **15** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-margin-inline
property scrollPadding
scrollPadding?: Property.ScrollPadding<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
[ auto | <length-percentage> ]{1,4}| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **69** | **68** | **14.1** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-padding
property scrollPaddingBlock
scrollPaddingBlock?: Property.ScrollPaddingBlock<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**:
[ auto | <length-percentage> ]{1,2}| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **69** | **68** | **15** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-padding-block
property scrollPaddingInline
scrollPaddingInline?: Property.ScrollPaddingInline<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**:
[ auto | <length-percentage> ]{1,2}| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **69** | **68** | **15** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-padding-inline
property scrollSnapMargin
scrollSnapMargin?: Property.ScrollMargin<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2021.
**Syntax**:
<length>{1,4}| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----------------------: | :----: | :-: | | **69** | 68-90 | **14.1** | **79** | No | | | | 11 _(scroll-snap-margin)_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-margin
property scrollTimeline
scrollTimeline?: Property.ScrollTimeline | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
[ <'scroll-timeline-name'> <'scroll-timeline-axis'>? ]#| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :----: | :-----: | :-: | | **115** | No | **26** | **115** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-timeline
property textDecoration
textDecoration?: Property.TextDecoration<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**:
<'text-decoration-line'> || <'text-decoration-style'> || <'text-decoration-color'> || <'text-decoration-thickness'>| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **3** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-decoration
property textEmphasis
textEmphasis?: Property.TextEmphasis | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2022.
**Syntax**:
<'text-emphasis-style'> || <'text-emphasis-color'>| Chrome | Firefox | Safari | Edge | IE | | :------: | :-----: | :----: | :------: | :-: | | **99** | **46** | **7** | **99** | No | | 25 _-x-_ | | | 79 _-x-_ | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-emphasis
property textWrap
textWrap?: Property.TextWrap | undefined;Since March 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
<'text-wrap-mode'> || <'text-wrap-style'>**Initial value**:
wrap| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :------: | :-----: | :-: | | **114** | **121** | **17.4** | **114** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-wrap
property transition
transition?: Property.Transition<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-transition>#| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-------: | :----: | :----: | | **26** | **16** | **9** | **12** | **10** | | 1 _-x-_ | | 3.1 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/transition
property viewTimeline
viewTimeline?: Property.ViewTimeline | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
[ <'view-timeline-name'> [ <'view-timeline-axis'> || <'view-timeline-inset'> ]? ]#| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :----: | :-----: | :-: | | **115** | No | **26** | **115** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/view-timeline
interface StandardShorthandPropertiesHyphen
interface StandardShorthandPropertiesHyphen< TLength = (string & {}) | 0, TTime = string & {}> {}property "animation-range"
'animation-range'?: Property.AnimationRange<TLength> | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
[ <'animation-range-start'> <'animation-range-end'>? ]#| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :----: | :-----: | :-: | | **115** | No | **26** | **115** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/animation-range
property "background-position"
'background-position'?: Property.BackgroundPosition<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**:
<bg-position>#**Initial value**:
0% 0%| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/background-position
property "border-block-color"
'border-block-color'?: Property.BorderBlockColor | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
<'border-top-color'>{1,2}**Initial value**:
currentcolor| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **66** | **14.1** | **87** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-block-color
property "border-block-end"
'border-block-end'?: Property.BorderBlockEnd<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-width'> || <'border-top-style'> || <color>| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-block-end
property "border-block-start"
'border-block-start'?: Property.BorderBlockStart<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-width'> || <'border-top-style'> || <color>| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-block-start
property "border-block-style"
'border-block-style'?: Property.BorderBlockStyle | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
<'border-top-style'>{1,2}**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **66** | **14.1** | **87** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-block-style
property "border-block-width"
'border-block-width'?: Property.BorderBlockWidth<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
<'border-top-width'>{1,2}**Initial value**:
medium| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **66** | **14.1** | **87** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-block-width
property "border-block"
'border-block'?: Property.BorderBlock<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
<'border-block-start'>| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **66** | **14.1** | **87** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-block
property "border-bottom"
'border-bottom'?: Property.BorderBottom<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-width> || <line-style> || <color>| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-bottom
property "border-color"
'border-color'?: Property.BorderColor | 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>{1,4}| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-color
property "border-image"
'border-image'?: Property.BorderImage | 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-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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-image
property "border-inline-color"
'border-inline-color'?: Property.BorderInlineColor | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
<'border-top-color'>{1,2}**Initial value**:
currentcolor| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **66** | **14.1** | **87** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-inline-color
property "border-inline-end"
'border-inline-end'?: Property.BorderInlineEnd<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-width'> || <'border-top-style'> || <color>| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-inline-end
property "border-inline-start"
'border-inline-start'?: Property.BorderInlineStart<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-width'> || <'border-top-style'> || <color>| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-inline-start
property "border-inline-style"
'border-inline-style'?: Property.BorderInlineStyle | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
<'border-top-style'>{1,2}**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **66** | **14.1** | **87** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-inline-style
property "border-inline-width"
'border-inline-width'?: Property.BorderInlineWidth<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
<'border-top-width'>{1,2}**Initial value**:
medium| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **66** | **14.1** | **87** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-inline-width
property "border-inline"
'border-inline'?: Property.BorderInline<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
<'border-block-start'>| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **66** | **14.1** | **87** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-inline
property "border-left"
'border-left'?: Property.BorderLeft<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-width> || <line-style> || <color>| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-left
property "border-radius"
'border-radius'?: Property.BorderRadius<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,4} [ / <length-percentage [0,∞]>{1,4} ]?| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-----: | :----: | :---: | | **4** | **4** | **5** | **12** | **9** | | 1 _-x-_ | | 3 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-radius
property "border-right"
'border-right'?: Property.BorderRight<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-width> || <line-style> || <color>| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-----: | | **1** | **1** | **1** | **12** | **5.5** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-right
property "border-style"
'border-style'?: Property.BorderStyle | 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>{1,4}| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-style
property "border-top"
'border-top'?: Property.BorderTop<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-width> || <line-style> || <color>| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-top
property "border-width"
'border-width'?: Property.BorderWidth<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-width>{1,4}| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border-width
property "column-rule"
'column-rule'?: Property.ColumnRule<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.
**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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/column-rule
property "contain-intrinsic-size"
'contain-intrinsic-size'?: Property.ContainIntrinsicSize<TLength> | undefined;Since September 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
[ auto? [ none | <length> ] ]{1,2}| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **83** | **107** | **17** | **83** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/contain-intrinsic-size
property "flex-flow"
'flex-flow'?: Property.FlexFlow | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
**Syntax**:
<'flex-direction'> || <'flex-wrap'>| Chrome | Firefox | Safari | Edge | IE | | :------: | :-----: | :-----: | :----: | :----: | | **29** | **28** | **9** | **12** | **11** | | 21 _-x-_ | | 7 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/flex-flow
property "grid-area"
'grid-area'?: Property.GridArea | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.
**Syntax**:
<grid-line> [ / <grid-line> ]{0,3}| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **57** | **52** | **10.1** | **16** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/grid-area
property "grid-column"
'grid-column'?: Property.GridColumn | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.
**Syntax**:
<grid-line> [ / <grid-line> ]?| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **57** | **52** | **10.1** | **16** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/grid-column
property "grid-row"
'grid-row'?: Property.GridRow | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.
**Syntax**:
<grid-line> [ / <grid-line> ]?| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **57** | **52** | **10.1** | **16** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/grid-row
property "grid-template"
'grid-template'?: Property.GridTemplate | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.
**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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/grid-template
property "inset-block"
'inset-block'?: Property.InsetBlock<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
<'top'>{1,2}| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **63** | **14.1** | **87** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/inset-block
property "inset-inline"
'inset-inline'?: Property.InsetInline<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
<'top'>{1,2}| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **63** | **14.1** | **87** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/inset-inline
property "line-clamp"
'line-clamp'?: Property.LineClamp | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
none | <integer>**Initial value**:
none| Chrome | Firefox | Safari | Edge | IE | | :---------: | :----------: | :-------: | :----------: | :-: | | **6** _-x-_ | **68** _-x-_ | 18.2-18.4 | **17** _-x-_ | No | | | | 5 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/line-clamp
property "list-style"
'list-style'?: Property.ListStyle | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**Syntax**:
<'list-style-type'> || <'list-style-position'> || <'list-style-image'>| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/list-style
property "margin-block"
'margin-block'?: Property.MarginBlock<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
<'margin-top'>{1,2}| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **66** | **14.1** | **87** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/margin-block
property "margin-inline"
'margin-inline'?: Property.MarginInline<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
<'margin-top'>{1,2}| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **66** | **14.1** | **87** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/margin-inline
property "mask-border"
'mask-border'?: Property.MaskBorder | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
<'mask-border-source'> || <'mask-border-slice'> [ / <'mask-border-width'>? [ / <'mask-border-outset'> ]? ]? || <'mask-border-repeat'> || <'mask-border-mode'>| Chrome | Firefox | Safari | Edge | IE | | :------------------------------: | :-----: | :----------------------------: | :-------------------------------: | :-: | | **1** _(-webkit-mask-box-image)_ | No | **17.2** | **79** _(-webkit-mask-box-image)_ | No | | | | 3.1 _(-webkit-mask-box-image)_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/mask-border
property "overscroll-behavior"
'overscroll-behavior'?: Property.OverscrollBehavior | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2022.
**Syntax**:
[ contain | none | auto ]{1,2}**Initial value**:
auto| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **63** | **59** | **16** | **18** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/overscroll-behavior
property "padding-block"
'padding-block'?: Property.PaddingBlock<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
<'padding-top'>{1,2}| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **66** | **14.1** | **87** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/padding-block
property "padding-inline"
'padding-inline'?: Property.PaddingInline<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
<'padding-top'>{1,2}| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **66** | **14.1** | **87** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/padding-inline
property "place-content"
'place-content'?: Property.PlaceContent | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
**Syntax**:
<'align-content'> <'justify-content'>?| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **59** | **45** | **9** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/place-content
property "place-items"
'place-items'?: Property.PlaceItems | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
**Syntax**:
<'align-items'> <'justify-items'>?| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **59** | **45** | **11** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/place-items
property "place-self"
'place-self'?: Property.PlaceSelf | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
**Syntax**:
<'align-self'> <'justify-self'>?| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **59** | **45** | **11** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/place-self
property "position-try"
'position-try'?: Property.PositionTry | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
<'position-try-order'>? <'position-try-fallbacks'>| Chrome | Firefox | Safari | Edge | IE | | :-----: | :---------: | :----: | :-----: | :-: | | **125** | **preview** | **26** | **125** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/position-try
property "scroll-margin-block"
'scroll-margin-block'?: Property.ScrollMarginBlock<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**:
<length>{1,2}| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **69** | **68** | **15** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-margin-block
property "scroll-margin-inline"
'scroll-margin-inline'?: Property.ScrollMarginInline<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**:
<length>{1,2}| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **69** | **68** | **15** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-margin-inline
property "scroll-margin"
'scroll-margin'?: Property.ScrollMargin<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2021.
**Syntax**:
<length>{1,4}| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----------------------: | :----: | :-: | | **69** | **90** | **14.1** | **79** | No | | | | 11 _(scroll-snap-margin)_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-margin
property "scroll-padding-block"
'scroll-padding-block'?: Property.ScrollPaddingBlock<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**:
[ auto | <length-percentage> ]{1,2}| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **69** | **68** | **15** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-padding-block
property "scroll-padding-inline"
'scroll-padding-inline'?: Property.ScrollPaddingInline<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**:
[ auto | <length-percentage> ]{1,2}| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **69** | **68** | **15** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-padding-inline
property "scroll-padding"
'scroll-padding'?: Property.ScrollPadding<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
[ auto | <length-percentage> ]{1,4}| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **69** | **68** | **14.1** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-padding
property "scroll-snap-margin"
'scroll-snap-margin'?: Property.ScrollMargin<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2021.
**Syntax**:
<length>{1,4}| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----------------------: | :----: | :-: | | **69** | 68-90 | **14.1** | **79** | No | | | | 11 _(scroll-snap-margin)_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-margin
property "scroll-timeline"
'scroll-timeline'?: Property.ScrollTimeline | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
[ <'scroll-timeline-name'> <'scroll-timeline-axis'>? ]#| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :----: | :-----: | :-: | | **115** | No | **26** | **115** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/scroll-timeline
property "text-decoration"
'text-decoration'?: Property.TextDecoration<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**:
<'text-decoration-line'> || <'text-decoration-style'> || <'text-decoration-color'> || <'text-decoration-thickness'>| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **3** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-decoration
property "text-emphasis"
'text-emphasis'?: Property.TextEmphasis | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2022.
**Syntax**:
<'text-emphasis-style'> || <'text-emphasis-color'>| Chrome | Firefox | Safari | Edge | IE | | :------: | :-----: | :----: | :------: | :-: | | **99** | **46** | **7** | **99** | No | | 25 _-x-_ | | | 79 _-x-_ | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-emphasis
property "text-wrap"
'text-wrap'?: Property.TextWrap | undefined;Since March 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
<'text-wrap-mode'> || <'text-wrap-style'>**Initial value**:
wrap| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :------: | :-----: | :-: | | **114** | **121** | **17.4** | **114** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/text-wrap
property "view-timeline"
'view-timeline'?: Property.ViewTimeline | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
[ <'view-timeline-name'> [ <'view-timeline-axis'> || <'view-timeline-inset'> ]? ]#| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :----: | :-----: | :-: | | **115** | No | **26** | **115** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/view-timeline
property all
all?: Property.All | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
**Syntax**:
initial | inherit | unset | revert | revert-layer**Initial value**: There is no practical initial value for it.
| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :----: | :-: | | **37** | **27** | **9.1** | **79** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/all
property animation
animation?: Property.Animation<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>#| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-----: | :----: | :----: | | **43** | **16** | **9** | **12** | **10** | | 3 _-x-_ | 5 _-x-_ | 4 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/animation
property background
background?: Property.Background<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**:
<bg-layer>#? , <final-bg-layer>| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/background
property border
border?: Property.Border<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-width> || <line-style> || <color>| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/border
property caret
caret?: Property.Caret | undefined;**Syntax**:
<'caret-color'> || <'caret-shape'>
property columns
columns?: Property.Columns<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.
**Syntax**:
<'column-width'> || <'column-count'>| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :----: | :----: | | **50** | **52** | **9** | **12** | **10** | | | | 3 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/columns
property container
container?: Property.Container | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since February 2023.
**Syntax**:
<'container-name'> [ / <'container-type'> ]?| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :----: | :-----: | :-: | | **105** | **110** | **16** | **105** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/container
property flex
flex?: Property.Flex<TLength> | 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 | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]| Chrome | Firefox | Safari | Edge | IE | | :------: | :-----: | :-----: | :----: | :------: | | **29** | **22** | **9** | **12** | **11** | | 21 _-x-_ | | 7 _-x-_ | | 10 _-x-_ |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/flex
property font
font?: Property.Font | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**Syntax**:
[ [ <'font-style'> || <font-variant-css2> || <'font-weight'> || <font-width-css3> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'># ] | <system-family-name>| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **3** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/font
property gap
gap?: Property.Gap<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.
**Syntax**:
<'row-gap'> <'column-gap'>?| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **57** | **52** | **10.1** | **16** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/gap
property grid
grid?: Property.Grid | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.
**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 Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/grid
property inset
inset?: Property.Inset<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
**Syntax**:
<'top'>{1,4}| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **66** | **14.1** | **87** | No |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/inset
property margin
margin?: Property.Margin<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**:
<'margin-top'>{1,4}| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **3** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/margin
property mask
mask?: Property.Mask<TLength> | undefined;Since December 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
<mask-layer>#| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-------: | :---: | :-: | | **120** | **53** | **15.4** | 12-79 | No | | 1 _-x-_ | | 3.1 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/mask
property motion
motion?: Property.Offset<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2022.
**Syntax**:
[ <'offset-position'>? [ <'offset-path'> [ <'offset-distance'> || <'offset-rotate'> ]? ]? ]! [ / <'offset-anchor'> ]?| Chrome | Firefox | Safari | Edge | IE | | :-----------: | :-----: | :----: | :----: | :-: | | **55** | **72** | **16** | **79** | No | | 46 _(motion)_ | | | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/offset
property offset
offset?: Property.Offset<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2022.
**Syntax**:
[ <'offset-position'>? [ <'offset-path'> [ <'offset-distance'> || <'offset-rotate'> ]? ]? ]! [ / <'offset-anchor'> ]?| Chrome | Firefox | Safari | Edge | IE | | :-----------: | :-----: | :----: | :----: | :-: | | **55** | **72** | **16** | **79** | No | | 46 _(motion)_ | | | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/offset
property outline
outline?: Property.Outline<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2023.
**Syntax**:
<'outline-width'> || <'outline-style'> || <'outline-color'>| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :---: | | **94** | **88** | **16.4** | **94** | **8** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/outline
property overflow
overflow?: Property.Overflow | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**Syntax**:
[ visible | hidden | clip | scroll | auto ]{1,2}**Initial value**:
visible| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/overflow
property padding
padding?: Property.Padding<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**:
<'padding-top'>{1,4}| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/padding
property transition
transition?: Property.Transition<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-transition>#| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-------: | :----: | :----: | | **26** | **16** | **9** | **12** | **10** | | 1 _-x-_ | | 3.1 _-x-_ | | |
See Also
https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/transition
interface SvgProperties
interface SvgProperties<TLength = (string & {}) | 0, TTime = string & {}> {}property alignmentBaseline
alignmentBaseline?: Property.AlignmentBaseline | undefined;property baselineShift
baselineShift?: Property.BaselineShift<TLength> | undefined;property clip
clip?: Property.Clip | undefined;property clipPath
clipPath?: Property.ClipPath | undefined;property clipRule
clipRule?: Property.ClipRule | undefined;property color
color?: Property.Color | undefined;property colorInterpolation
colorInterpolation?: Property.ColorInterpolation | undefined;property colorRendering
colorRendering?: Property.ColorRendering | undefined;property cursor
cursor?: Property.Cursor | undefined;property direction
direction?: Property.Direction | undefined;property display
display?: Property.Display | undefined;property dominantBaseline
dominantBaseline?: Property.DominantBaseline | undefined;property fill
fill?: Property.Fill | undefined;property fillOpacity
fillOpacity?: Property.FillOpacity | undefined;property fillRule
fillRule?: Property.FillRule | undefined;property filter
filter?: Property.Filter | undefined;property floodColor
floodColor?: Property.FloodColor | undefined;property floodOpacity
floodOpacity?: Property.FloodOpacity | undefined;property font
font?: Property.Font | undefined;property fontFamily
fontFamily?: Property.FontFamily | undefined;property fontSize
fontSize?: Property.FontSize<TLength> | undefined;property fontSizeAdjust
fontSizeAdjust?: Property.FontSizeAdjust | undefined;property fontStretch
fontStretch?: Property.FontStretch | undefined;property fontStyle
fontStyle?: Property.FontStyle | undefined;property fontVariant
fontVariant?: Property.FontVariant | undefined;property fontWeight
fontWeight?: Property.FontWeight | undefined;property glyphOrientationVertical
glyphOrientationVertical?: Property.GlyphOrientationVertical | undefined;property imageRendering
imageRendering?: Property.ImageRendering | undefined;property letterSpacing
letterSpacing?: Property.LetterSpacing<TLength> | undefined;property lightingColor
lightingColor?: Property.LightingColor | undefined;property lineHeight
lineHeight?: Property.LineHeight<TLength> | undefined;property marker
marker?: Property.Marker | undefined;property markerEnd
markerEnd?: Property.MarkerEnd | undefined;property markerMid
markerMid?: Property.MarkerMid | undefined;property markerStart
markerStart?: Property.MarkerStart | undefined;property mask
mask?: Property.Mask<TLength> | undefined;property opacity
opacity?: Property.Opacity | undefined;property overflow
overflow?: Property.Overflow | undefined;property paintOrder
paintOrder?: Property.PaintOrder | undefined;property pointerEvents
pointerEvents?: Property.PointerEvents | undefined;property shapeRendering
shapeRendering?: Property.ShapeRendering | undefined;property stopColor
stopColor?: Property.StopColor | undefined;property stopOpacity
stopOpacity?: Property.StopOpacity | undefined;property stroke
stroke?: Property.Stroke | undefined;property strokeDasharray
strokeDasharray?: Property.StrokeDasharray<TLength> | undefined;property strokeDashoffset
strokeDashoffset?: Property.StrokeDashoffset<TLength> | undefined;property strokeLinecap
strokeLinecap?: Property.StrokeLinecap | undefined;property strokeLinejoin
strokeLinejoin?: Property.StrokeLinejoin | undefined;property strokeMiterlimit
strokeMiterlimit?: Property.StrokeMiterlimit | undefined;property strokeOpacity
strokeOpacity?: Property.StrokeOpacity | undefined;property strokeWidth
strokeWidth?: Property.StrokeWidth<TLength> | undefined;property textAnchor
textAnchor?: Property.TextAnchor | undefined;property textDecoration
textDecoration?: Property.TextDecoration<TLength> | undefined;property textRendering
textRendering?: Property.TextRendering | undefined;property unicodeBidi
unicodeBidi?: Property.UnicodeBidi | undefined;property vectorEffect
vectorEffect?: Property.VectorEffect | undefined;property visibility
visibility?: Property.Visibility | undefined;property whiteSpace
whiteSpace?: Property.WhiteSpace | undefined;property wordSpacing
wordSpacing?: Property.WordSpacing<TLength> | undefined;property writingMode
writingMode?: Property.WritingMode | undefined;interface SvgPropertiesHyphen
interface SvgPropertiesHyphen<TLength = (string & {}) | 0, TTime = string & {}> {}property "alignment-baseline"
'alignment-baseline'?: Property.AlignmentBaseline | undefined;property "baseline-shift"
'baseline-shift'?: Property.BaselineShift<TLength> | undefined;property "clip-path"
'clip-path'?: Property.ClipPath | undefined;property "clip-rule"
'clip-rule'?: Property.ClipRule | undefined;property "color-interpolation"
'color-interpolation'?: Property.ColorInterpolation | undefined;property "color-rendering"
'color-rendering'?: Property.ColorRendering | undefined;property "dominant-baseline"
'dominant-baseline'?: Property.DominantBaseline | undefined;property "fill-opacity"
'fill-opacity'?: Property.FillOpacity | undefined;property "fill-rule"
'fill-rule'?: Property.FillRule | undefined;property "flood-color"
'flood-color'?: Property.FloodColor | undefined;property "flood-opacity"
'flood-opacity'?: Property.FloodOpacity | undefined;property "font-family"
'font-family'?: Property.FontFamily | undefined;property "font-size-adjust"
'font-size-adjust'?: Property.FontSizeAdjust | undefined;property "font-size"
'font-size'?: Property.FontSize<TLength> | undefined;property "font-stretch"
'font-stretch'?: Property.FontStretch | undefined;property "font-style"
'font-style'?: Property.FontStyle | undefined;property "font-variant"
'font-variant'?: Property.FontVariant | undefined;property "font-weight"
'font-weight'?: Property.FontWeight | undefined;property "glyph-orientation-vertical"
'glyph-orientation-vertical'?: Property.GlyphOrientationVertical | undefined;property "image-rendering"
'image-rendering'?: Property.ImageRendering | undefined;property "letter-spacing"
'letter-spacing'?: Property.LetterSpacing<TLength> | undefined;property "lighting-color"
'lighting-color'?: Property.LightingColor | undefined;property "line-height"
'line-height'?: Property.LineHeight<TLength> | undefined;property "marker-end"
'marker-end'?: Property.MarkerEnd | undefined;property "marker-mid"
'marker-mid'?: Property.MarkerMid | undefined;property "marker-start"
'marker-start'?: Property.MarkerStart | undefined;property "paint-order"
'paint-order'?: Property.PaintOrder | undefined;property "pointer-events"
'pointer-events'?: Property.PointerEvents | undefined;property "shape-rendering"
'shape-rendering'?: Property.ShapeRendering | undefined;property "stop-color"
'stop-color'?: Property.StopColor | undefined;property "stop-opacity"
'stop-opacity'?: Property.StopOpacity | undefined;property "stroke-dasharray"
'stroke-dasharray'?: Property.StrokeDasharray<TLength> | undefined;property "stroke-dashoffset"
'stroke-dashoffset'?: Property.StrokeDashoffset<TLength> | undefined;property "stroke-linecap"
'stroke-linecap'?: Property.StrokeLinecap | undefined;property "stroke-linejoin"
'stroke-linejoin'?: Property.StrokeLinejoin | undefined;property "stroke-miterlimit"
'stroke-miterlimit'?: Property.StrokeMiterlimit | undefined;property "stroke-opacity"
'stroke-opacity'?: Property.StrokeOpacity | undefined;property "stroke-width"
'stroke-width'?: Property.StrokeWidth<TLength> | undefined;property "text-anchor"
'text-anchor'?: Property.TextAnchor | undefined;property "text-decoration"
'text-decoration'?: Property.TextDecoration<TLength> | undefined;property "text-rendering"
'text-rendering'?: Property.TextRendering | undefined;property "unicode-bidi"
'unicode-bidi'?: Property.UnicodeBidi | undefined;property "vector-effect"
'vector-effect'?: Property.VectorEffect | undefined;property "white-space"
'white-space'?: Property.WhiteSpace | undefined;property "word-spacing"
'word-spacing'?: Property.WordSpacing<TLength> | undefined;property "writing-mode"
'writing-mode'?: Property.WritingMode | undefined;property clip
clip?: Property.Clip | undefined;property color
color?: Property.Color | undefined;property cursor
cursor?: Property.Cursor | undefined;property direction
direction?: Property.Direction | undefined;property display
display?: Property.Display | undefined;property fill
fill?: Property.Fill | undefined;property filter
filter?: Property.Filter | undefined;property font
font?: Property.Font | undefined;property marker
marker?: Property.Marker | undefined;property mask
mask?: Property.Mask<TLength> | undefined;property opacity
opacity?: Property.Opacity | undefined;property overflow
overflow?: Property.Overflow | undefined;property stroke
stroke?: Property.Stroke | undefined;property visibility
visibility?: Property.Visibility | undefined;interface VendorLonghandProperties
interface VendorLonghandProperties< TLength = (string & {}) | 0, TTime = string & {}> {}property MozAnimationDelay
MozAnimationDelay?: 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**:
<time>#**Initial value**:
0s
property MozAnimationDirection
MozAnimationDirection?: 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**:
<single-animation-direction>#**Initial value**:
normal
property MozAnimationDuration
MozAnimationDuration?: 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**:
[ auto | <time [0s,∞]> ]#**Initial value**:
0s
property MozAnimationFillMode
MozAnimationFillMode?: 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-fill-mode>#**Initial value**:
none
property MozAnimationIterationCount
MozAnimationIterationCount?: 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**:
<single-animation-iteration-count>#**Initial value**:
1
property MozAnimationName
MozAnimationName?: 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**:
[ none | <keyframes-name> ]#**Initial value**:
none
property MozAnimationPlayState
MozAnimationPlayState?: Property.AnimationPlayState | 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
property MozAnimationTimingFunction
MozAnimationTimingFunction?: Property.AnimationTimingFunction | 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
property MozAppearance
MozAppearance?: Property.MozAppearance | 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 | 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)
property MozBackfaceVisibility
MozBackfaceVisibility?: Property.BackfaceVisibility | 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
property MozBinding
MozBinding?: Property.MozBinding | undefined;**Syntax**:
<url> | none**Initial value**:
none
property MozBorderBottomColors
MozBorderBottomColors?: Property.MozBorderBottomColors | undefined;**Syntax**:
<color>+ | none**Initial value**:
none
property MozBorderEndColor
MozBorderEndColor?: 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-color'>**Initial value**:
currentcolor
property MozBorderEndStyle
MozBorderEndStyle?: 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-style'>**Initial value**:
none
property MozBorderEndWidth
MozBorderEndWidth?: 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-width'>**Initial value**:
medium
property MozBorderLeftColors
MozBorderLeftColors?: Property.MozBorderLeftColors | undefined;**Syntax**:
<color>+ | none**Initial value**:
none
property MozBorderRightColors
MozBorderRightColors?: Property.MozBorderRightColors | undefined;**Syntax**:
<color>+ | none**Initial value**:
none
property MozBorderStartColor
MozBorderStartColor?: 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-color'>**Initial value**:
currentcolor
property MozBorderStartStyle
MozBorderStartStyle?: 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-style'>**Initial value**:
none
property MozBorderTopColors
MozBorderTopColors?: Property.MozBorderTopColors | undefined;**Syntax**:
<color>+ | none**Initial value**:
none
property MozBoxSizing
MozBoxSizing?: Property.BoxSizing | 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
property MozColumnRuleColor
MozColumnRuleColor?: Property.ColumnRuleColor | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.
**Syntax**:
<color>**Initial value**:
currentcolor
property MozColumnRuleStyle
MozColumnRuleStyle?: Property.ColumnRuleStyle | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.
**Syntax**:
<'border-style'>**Initial value**:
none
property MozColumnRuleWidth
MozColumnRuleWidth?: Property.ColumnRuleWidth<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.
**Syntax**:
<'border-width'>**Initial value**:
medium
property MozColumnWidth
MozColumnWidth?: Property.ColumnWidth<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since November 2016.
**Syntax**:
<length> | auto**Initial value**:
auto
property MozContextProperties
MozContextProperties?: Property.MozContextProperties | undefined;**Syntax**:
none | [ fill | fill-opacity | stroke | stroke-opacity ]#**Initial value**:
none
property MozFontFeatureSettings
MozFontFeatureSettings?: Property.FontFeatureSettings | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
**Syntax**:
normal | <feature-tag-value>#**Initial value**:
normal
property MozFontLanguageOverride
MozFontLanguageOverride?: Property.FontLanguageOverride | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
normal | <string>**Initial value**:
normal
property MozHyphens
MozHyphens?: Property.Hyphens | undefined;Since September 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
none | manual | auto**Initial value**:
manual
property MozMarginEnd
MozMarginEnd?: Property.MarginInlineEnd<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**:
<'margin-top'>**Initial value**:
0
property MozMarginStart
MozMarginStart?: Property.MarginInlineStart<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**:
<'margin-top'>**Initial value**:
0
property MozOrient
MozOrient?: Property.MozOrient | undefined;The **
-moz-orient** CSS property specifies the orientation of the element to which it's applied.**Syntax**:
inline | block | horizontal | vertical**Initial value**:
inline
property MozOsxFontSmoothing
MozOsxFontSmoothing?: Property.FontSmooth<TLength> | undefined;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
property MozOutlineRadiusBottomleft
MozOutlineRadiusBottomleft?: | Property.MozOutlineRadiusBottomleft<TLength> | undefined;**Syntax**:
<outline-radius>**Initial value**:
0
property MozOutlineRadiusBottomright
MozOutlineRadiusBottomright?: | Property.MozOutlineRadiusBottomright<TLength> | undefined;**Syntax**:
<outline-radius>**Initial value**:
0
property MozOutlineRadiusTopleft
MozOutlineRadiusTopleft?: Property.MozOutlineRadiusTopleft<TLength> | undefined;**Syntax**:
<outline-radius>**Initial value**:
0
property MozOutlineRadiusTopright
MozOutlineRadiusTopright?: | Property.MozOutlineRadiusTopright<TLength> | undefined;**Syntax**:
<outline-radius>**Initial value**:
0
property MozPaddingEnd
MozPaddingEnd?: Property.PaddingInlineEnd<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**:
<'padding-top'>**Initial value**:
0
property MozPaddingStart
MozPaddingStart?: Property.PaddingInlineStart<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**:
<'padding-top'>**Initial value**:
0
property MozPerspective
MozPerspective?: Property.Perspective<TLength> | 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 | <length>**Initial value**:
none
property MozPerspectiveOrigin
MozPerspectiveOrigin?: Property.PerspectiveOrigin<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
**Syntax**:
<position>**Initial value**:
50% 50%
property MozStackSizing
MozStackSizing?: Property.MozStackSizing | undefined;**Syntax**:
ignore | stretch-to-fit**Initial value**:
stretch-to-fit
property MozTabSize
MozTabSize?: Property.TabSize<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since August 2021.
**Syntax**:
<integer> | <length>**Initial value**:
8
property MozTextBlink
MozTextBlink?: Property.MozTextBlink | undefined;**Syntax**:
none | blink**Initial value**:
none
property MozTextSizeAdjust
MozTextSizeAdjust?: Property.TextSizeAdjust | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
none | auto | <percentage>**Initial value**:
autofor smartphone browsers supporting inflation,nonein other cases (and then not modifiable).
property MozTransform
MozTransform?: Property.Transform | 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 | <transform-list>**Initial value**:
none
property MozTransformOrigin
MozTransformOrigin?: Property.TransformOrigin<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
**Syntax**:
[ <length-percentage> | left | center | right | top | bottom ] | [ [ <length-percentage> | left | center | right ] && [ <length-percentage> | top | center | bottom ] ] <length>?**Initial value**:
50% 50% 0
property MozTransformStyle
MozTransformStyle?: Property.TransformStyle | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
**Syntax**:
flat | preserve-3d**Initial value**:
flat
property MozUserModify
MozUserModify?: Property.MozUserModify | undefined;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
property MozUserSelect
MozUserSelect?: Property.UserSelect | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
auto | text | none | all**Initial value**:
auto
property MozWindowDragging
MozWindowDragging?: Property.MozWindowDragging | undefined;**Syntax**:
drag | no-drag**Initial value**:
drag
property MozWindowShadow
MozWindowShadow?: Property.MozWindowShadow | undefined;**Syntax**:
default | menu | tooltip | sheet | none**Initial value**:
default
property msAccelerator
msAccelerator?: Property.MsAccelerator | undefined;**Syntax**:
false | true**Initial value**:
false
property msBlockProgression
msBlockProgression?: Property.MsBlockProgression | undefined;**Syntax**:
tb | rl | bt | lr**Initial value**:
tb
property msContentZoomChaining
msContentZoomChaining?: Property.MsContentZoomChaining | undefined;**Syntax**:
none | chained**Initial value**:
none
property msContentZooming
msContentZooming?: Property.MsContentZooming | undefined;**Syntax**:
none | zoom**Initial value**: zoom for the top level element, none for all other elements
property msContentZoomLimitMax
msContentZoomLimitMax?: Property.MsContentZoomLimitMax | undefined;**Syntax**:
<percentage>**Initial value**:
400%
property msContentZoomLimitMin
msContentZoomLimitMin?: Property.MsContentZoomLimitMin | undefined;**Syntax**:
<percentage>**Initial value**:
100%
property msContentZoomSnapPoints
msContentZoomSnapPoints?: Property.MsContentZoomSnapPoints | undefined;**Syntax**:
snapInterval( <percentage>, <percentage> ) | snapList( <percentage># )**Initial value**:
snapInterval(0%, 100%)
property msContentZoomSnapType
msContentZoomSnapType?: Property.MsContentZoomSnapType | undefined;**Syntax**:
none | proximity | mandatory**Initial value**:
none
property msFilter
msFilter?: Property.MsFilter | undefined;**Syntax**:
<string>**Initial value**: "" (the empty string)
property msFlexDirection
msFlexDirection?: Property.FlexDirection | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
**Syntax**:
row | row-reverse | column | column-reverse**Initial value**:
row
property msFlexPositive
msFlexPositive?: Property.FlexGrow | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
**Syntax**:
<number>**Initial value**:
0
property msFlowFrom
msFlowFrom?: Property.MsFlowFrom | undefined;**Syntax**:
[ none | <custom-ident> ]#**Initial value**:
none
property msFlowInto
msFlowInto?: Property.MsFlowInto | undefined;**Syntax**:
[ none | <custom-ident> ]#**Initial value**:
none
property msGridColumns
msGridColumns?: Property.MsGridColumns<TLength> | undefined;**Syntax**:
none | <track-list> | <auto-track-list>**Initial value**:
none
property msGridRows
msGridRows?: Property.MsGridRows<TLength> | undefined;**Syntax**:
none | <track-list> | <auto-track-list>**Initial value**:
none
property msHighContrastAdjust
msHighContrastAdjust?: Property.MsHighContrastAdjust | undefined;**Syntax**:
auto | none**Initial value**:
auto
property msHyphenateLimitChars
msHyphenateLimitChars?: Property.MsHyphenateLimitChars | undefined;**Syntax**:
auto | <integer>{1,3}**Initial value**:
auto
property msHyphenateLimitLines
msHyphenateLimitLines?: Property.MsHyphenateLimitLines | undefined;**Syntax**:
no-limit | <integer>**Initial value**:
no-limit
property msHyphenateLimitZone
msHyphenateLimitZone?: Property.MsHyphenateLimitZone<TLength> | undefined;**Syntax**:
<percentage> | <length>**Initial value**:
0
property msHyphens
msHyphens?: Property.Hyphens | undefined;Since September 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
none | manual | auto**Initial value**:
manual
property msImeAlign
msImeAlign?: Property.MsImeAlign | undefined;**Syntax**:
auto | after**Initial value**:
auto
property msLineBreak
msLineBreak?: Property.LineBreak | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2020.
**Syntax**:
auto | loose | normal | strict | anywhere**Initial value**:
auto
property msOrder
msOrder?: Property.Order | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
**Syntax**:
<integer>**Initial value**:
0
property msOverflowStyle
msOverflowStyle?: Property.MsOverflowStyle | undefined;**Syntax**:
auto | none | scrollbar | -ms-autohiding-scrollbar**Initial value**:
auto
property msOverflowX
msOverflowX?: Property.OverflowX | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**Syntax**:
visible | hidden | clip | scroll | auto**Initial value**:
visible
property msOverflowY
msOverflowY?: Property.OverflowY | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**Syntax**:
visible | hidden | clip | scroll | auto**Initial value**:
visible
property msScrollbar3dlightColor
msScrollbar3dlightColor?: Property.MsScrollbar3dlightColor | undefined;**Syntax**:
<color>**Initial value**: depends on user agent
property msScrollbarArrowColor
msScrollbarArrowColor?: Property.MsScrollbarArrowColor | undefined;**Syntax**:
<color>**Initial value**:
ButtonText
property msScrollbarBaseColor
msScrollbarBaseColor?: Property.MsScrollbarBaseColor | undefined;**Syntax**:
<color>**Initial value**: depends on user agent
property msScrollbarDarkshadowColor
msScrollbarDarkshadowColor?: Property.MsScrollbarDarkshadowColor | undefined;**Syntax**:
<color>**Initial value**:
ThreeDDarkShadow
property msScrollbarFaceColor
msScrollbarFaceColor?: Property.MsScrollbarFaceColor | undefined;**Syntax**:
<color>**Initial value**:
ThreeDFace
property msScrollbarHighlightColor
msScrollbarHighlightColor?: Property.MsScrollbarHighlightColor | undefined;**Syntax**:
<color>**Initial value**:
ThreeDHighlight
property msScrollbarShadowColor
msScrollbarShadowColor?: Property.MsScrollbarShadowColor | undefined;**Syntax**:
<color>**Initial value**:
ThreeDDarkShadow
property msScrollbarTrackColor
msScrollbarTrackColor?: Property.MsScrollbarTrackColor | undefined;**Syntax**:
<color>**Initial value**:
Scrollbar
property msScrollChaining
msScrollChaining?: Property.MsScrollChaining | undefined;**Syntax**:
chained | none**Initial value**:
chained
property msScrollLimitXMax
msScrollLimitXMax?: Property.MsScrollLimitXMax<TLength> | undefined;**Syntax**:
auto | <length>**Initial value**:
auto
property msScrollLimitXMin
msScrollLimitXMin?: Property.MsScrollLimitXMin<TLength> | undefined;**Syntax**:
<length>**Initial value**:
0
property msScrollLimitYMax
msScrollLimitYMax?: Property.MsScrollLimitYMax<TLength> | undefined;**Syntax**:
auto | <length>**Initial value**:
auto
property msScrollLimitYMin
msScrollLimitYMin?: Property.MsScrollLimitYMin<TLength> | undefined;**Syntax**:
<length>**Initial value**:
0
property msScrollRails
msScrollRails?: Property.MsScrollRails | undefined;**Syntax**:
none | railed**Initial value**:
railed
property msScrollSnapPointsX
msScrollSnapPointsX?: Property.MsScrollSnapPointsX | undefined;**Syntax**:
snapInterval( <length-percentage>, <length-percentage> ) | snapList( <length-percentage># )**Initial value**:
snapInterval(0px, 100%)
property msScrollSnapPointsY
msScrollSnapPointsY?: Property.MsScrollSnapPointsY | undefined;**Syntax**:
snapInterval( <length-percentage>, <length-percentage> ) | snapList( <length-percentage># )**Initial value**:
snapInterval(0px, 100%)
property msScrollSnapType
msScrollSnapType?: Property.MsScrollSnapType | undefined;**Syntax**:
none | proximity | mandatory**Initial value**:
none
property msScrollTranslation
msScrollTranslation?: Property.MsScrollTranslation | undefined;**Syntax**:
none | vertical-to-horizontal**Initial value**:
none
property msTextAutospace
msTextAutospace?: Property.MsTextAutospace | undefined;**Syntax**:
none | ideograph-alpha | ideograph-numeric | ideograph-parenthesis | ideograph-space**Initial value**:
none
property msTextCombineHorizontal
msTextCombineHorizontal?: Property.TextCombineUpright | 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 | all | [ digits <integer>? ]**Initial value**:
none
property msTextOverflow
msTextOverflow?: Property.TextOverflow | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**Syntax**:
[ clip | ellipsis | <string> ]{1,2}**Initial value**:
clip
property msTouchAction
msTouchAction?: Property.TouchAction | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2019.
**Syntax**:
auto | none | [ [ pan-x | pan-left | pan-right ] || [ pan-y | pan-up | pan-down ] || pinch-zoom ] | manipulation**Initial value**:
auto
property msTouchSelect
msTouchSelect?: Property.MsTouchSelect | undefined;**Syntax**:
grippers | none**Initial value**:
grippers
property msTransform
msTransform?: Property.Transform | 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 | <transform-list>**Initial value**:
none
property msTransformOrigin
msTransformOrigin?: Property.TransformOrigin<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
**Syntax**:
[ <length-percentage> | left | center | right | top | bottom ] | [ [ <length-percentage> | left | center | right ] && [ <length-percentage> | top | center | bottom ] ] <length>?**Initial value**:
50% 50% 0
property msTransitionDelay
msTransitionDelay?: Property.TransitionDelay<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**:
<time>#**Initial value**:
0s
property msTransitionDuration
msTransitionDuration?: Property.TransitionDuration<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**:
<time>#**Initial value**:
0s
property msTransitionProperty
msTransitionProperty?: Property.TransitionProperty | 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 | <single-transition-property>#**Initial value**: all
property msTransitionTimingFunction
msTransitionTimingFunction?: Property.TransitionTimingFunction | 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
property msUserSelect
msUserSelect?: Property.MsUserSelect | undefined;**Syntax**:
none | element | text**Initial value**:
text
property msWordBreak
msWordBreak?: Property.WordBreak | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**Syntax**:
normal | break-all | keep-all | break-word | auto-phrase**Initial value**:
normal
property msWrapFlow
msWrapFlow?: Property.MsWrapFlow | undefined;**Syntax**:
auto | both | start | end | maximum | clear**Initial value**:
auto
property msWrapMargin
msWrapMargin?: Property.MsWrapMargin<TLength> | undefined;**Syntax**:
<length>**Initial value**:
0
property msWrapThrough
msWrapThrough?: Property.MsWrapThrough | undefined;**Syntax**:
wrap | none**Initial value**:
wrap
property msWritingMode
msWritingMode?: Property.WritingMode | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.
**Syntax**:
horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr**Initial value**:
horizontal-tb
property WebkitAlignContent
WebkitAlignContent?: 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 | <baseline-position> | <content-distribution> | <overflow-position>? <content-position>**Initial value**:
normal
property WebkitAlignItems
WebkitAlignItems?: 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**:
normal | stretch | <baseline-position> | [ <overflow-position>? <self-position> ] | anchor-center**Initial value**:
normal
property WebkitAlignSelf
WebkitAlignSelf?: Property.AlignSelf | 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
property WebkitAnimationDelay
WebkitAnimationDelay?: 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**:
<time>#**Initial value**:
0s
property WebkitAnimationDirection
WebkitAnimationDirection?: 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**:
<single-animation-direction>#**Initial value**:
normal
property WebkitAnimationDuration
WebkitAnimationDuration?: 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**:
[ auto | <time [0s,∞]> ]#**Initial value**:
0s
property WebkitAnimationFillMode
WebkitAnimationFillMode?: 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-fill-mode>#**Initial value**:
none
property WebkitAnimationIterationCount
WebkitAnimationIterationCount?: 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**:
<single-animation-iteration-count>#**Initial value**:
1
property WebkitAnimationName
WebkitAnimationName?: 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**:
[ none | <keyframes-name> ]#**Initial value**:
none
property WebkitAnimationPlayState
WebkitAnimationPlayState?: Property.AnimationPlayState | 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
property WebkitAnimationTimingFunction
WebkitAnimationTimingFunction?: Property.AnimationTimingFunction | 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
property WebkitAppearance
WebkitAppearance?: Property.WebkitAppearance | 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 | 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)
property WebkitBackdropFilter
WebkitBackdropFilter?: Property.BackdropFilter | 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
property WebkitBackfaceVisibility
WebkitBackfaceVisibility?: Property.BackfaceVisibility | 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
property WebkitBackgroundClip
WebkitBackgroundClip?: 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**:
<bg-clip>#**Initial value**:
border-box
property WebkitBackgroundOrigin
WebkitBackgroundOrigin?: Property.BackgroundOrigin | 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
property WebkitBackgroundSize
WebkitBackgroundSize?: Property.BackgroundSize<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**:
<bg-size>#**Initial value**:
auto auto
property WebkitBorderBeforeColor
WebkitBorderBeforeColor?: Property.WebkitBorderBeforeColor | undefined;**Syntax**:
<color>**Initial value**:
currentcolor
property WebkitBorderBeforeStyle
WebkitBorderBeforeStyle?: Property.WebkitBorderBeforeStyle | undefined;**Syntax**:
<'border-style'>**Initial value**:
none
property WebkitBorderBeforeWidth
WebkitBorderBeforeWidth?: Property.WebkitBorderBeforeWidth<TLength> | undefined;**Syntax**:
<'border-width'>**Initial value**:
medium
property WebkitBorderBottomLeftRadius
WebkitBorderBottomLeftRadius?: | 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
property WebkitBorderBottomRightRadius
WebkitBorderBottomRightRadius?: | 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**:
<length-percentage [0,∞]>{1,2}**Initial value**:
0
property WebkitBorderImageSlice
WebkitBorderImageSlice?: 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**:
[ <number [0,∞]> | <percentage [0,∞]> ]{1,4} && fill?**Initial value**:
100%
property WebkitBorderTopLeftRadius
WebkitBorderTopLeftRadius?: 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
property WebkitBorderTopRightRadius
WebkitBorderTopRightRadius?: 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**:
<length-percentage [0,∞]>{1,2}**Initial value**:
0
property WebkitBoxDecorationBreak
WebkitBoxDecorationBreak?: Property.BoxDecorationBreak | 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
property WebkitBoxReflect
WebkitBoxReflect?: Property.WebkitBoxReflect<TLength> | undefined;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
property WebkitBoxShadow
WebkitBoxShadow?: 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**:
none | <shadow>#**Initial value**:
none
property WebkitBoxSizing
WebkitBoxSizing?: Property.BoxSizing | 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
property WebkitClipPath
WebkitClipPath?: Property.ClipPath | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
**Syntax**:
<clip-source> | [ <basic-shape> || <geometry-box> ] | none**Initial value**:
none
property WebkitColumnCount
WebkitColumnCount?: Property.ColumnCount | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.
**Syntax**:
<integer> | auto**Initial value**:
auto
property WebkitColumnFill
WebkitColumnFill?: Property.ColumnFill | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.
**Syntax**:
auto | balance**Initial value**:
balance
property WebkitColumnRuleColor
WebkitColumnRuleColor?: Property.ColumnRuleColor | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.
**Syntax**:
<color>**Initial value**:
currentcolor
property WebkitColumnRuleStyle
WebkitColumnRuleStyle?: Property.ColumnRuleStyle | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.
**Syntax**:
<'border-style'>**Initial value**:
none
property WebkitColumnRuleWidth
WebkitColumnRuleWidth?: Property.ColumnRuleWidth<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.
**Syntax**:
<'border-width'>**Initial value**:
medium
property WebkitColumnSpan
WebkitColumnSpan?: Property.ColumnSpan | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2020.
**Syntax**:
none | all**Initial value**:
none
property WebkitColumnWidth
WebkitColumnWidth?: Property.ColumnWidth<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since November 2016.
**Syntax**:
<length> | auto**Initial value**:
auto
property WebkitFilter
WebkitFilter?: Property.Filter | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2016.
**Syntax**:
none | <filter-value-list>**Initial value**:
none
property WebkitFlexBasis
WebkitFlexBasis?: Property.FlexBasis<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
**Syntax**:
content | <'width'>**Initial value**:
auto
property WebkitFlexDirection
WebkitFlexDirection?: Property.FlexDirection | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
**Syntax**:
row | row-reverse | column | column-reverse**Initial value**:
row
property WebkitFlexGrow
WebkitFlexGrow?: Property.FlexGrow | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
**Syntax**:
<number>**Initial value**:
0
property WebkitFlexShrink
WebkitFlexShrink?: Property.FlexShrink | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
**Syntax**:
<number>**Initial value**:
1
property WebkitFlexWrap
WebkitFlexWrap?: Property.FlexWrap | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
**Syntax**:
nowrap | wrap | wrap-reverse**Initial value**:
nowrap
property WebkitFontFeatureSettings
WebkitFontFeatureSettings?: Property.FontFeatureSettings | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
**Syntax**:
normal | <feature-tag-value>#**Initial value**:
normal
property WebkitFontKerning
WebkitFontKerning?: Property.FontKerning | 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 | normal | none**Initial value**:
auto
property WebkitFontSmoothing
WebkitFontSmoothing?: Property.FontSmooth<TLength> | undefined;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
property WebkitFontVariantLigatures
WebkitFontVariantLigatures?: Property.FontVariantLigatures | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
**Syntax**:
normal | none | [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> ]**Initial value**:
normal
property WebkitHyphenateCharacter
WebkitHyphenateCharacter?: Property.HyphenateCharacter | undefined;Since September 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
auto | <string>**Initial value**:
auto
property WebkitHyphens
WebkitHyphens?: Property.Hyphens | undefined;Since September 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
none | manual | auto**Initial value**:
manual
property WebkitInitialLetter
WebkitInitialLetter?: Property.InitialLetter | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
normal | [ <number> <integer>? ]**Initial value**:
normal
property WebkitJustifyContent
WebkitJustifyContent?: Property.JustifyContent | 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 | <content-distribution> | <overflow-position>? [ <content-position> | left | right ]**Initial value**:
normal
property WebkitLineBreak
WebkitLineBreak?: Property.LineBreak | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2020.
**Syntax**:
auto | loose | normal | strict | anywhere**Initial value**:
auto
property WebkitLineClamp
WebkitLineClamp?: Property.WebkitLineClamp | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
none | <integer>**Initial value**:
none
property WebkitLogicalHeight
WebkitLogicalHeight?: 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**:
<'width'>**Initial value**:
auto
property WebkitLogicalWidth
WebkitLogicalWidth?: Property.InlineSize<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
property WebkitMarginEnd
WebkitMarginEnd?: Property.MarginInlineEnd<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**:
<'margin-top'>**Initial value**:
0
property WebkitMarginStart
WebkitMarginStart?: Property.MarginInlineStart<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**:
<'margin-top'>**Initial value**:
0
property WebkitMaskAttachment
WebkitMaskAttachment?: Property.WebkitMaskAttachment | undefined;**Syntax**:
<attachment>#**Initial value**:
scroll
property WebkitMaskBoxImageOutset
WebkitMaskBoxImageOutset?: Property.MaskBorderOutset<TLength> | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
[ <length> | <number> ]{1,4}**Initial value**:
0
property WebkitMaskBoxImageRepeat
WebkitMaskBoxImageRepeat?: Property.MaskBorderRepeat | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
[ stretch | repeat | round | space ]{1,2}**Initial value**:
stretch
property WebkitMaskBoxImageSlice
WebkitMaskBoxImageSlice?: Property.MaskBorderSlice | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
<number-percentage>{1,4} fill?**Initial value**:
0
property WebkitMaskBoxImageSource
WebkitMaskBoxImageSource?: Property.MaskBorderSource | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
none | <image>**Initial value**:
none
property WebkitMaskBoxImageWidth
WebkitMaskBoxImageWidth?: Property.MaskBorderWidth<TLength> | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
[ <length-percentage> | <number> | auto ]{1,4}**Initial value**:
auto
property WebkitMaskClip
WebkitMaskClip?: Property.WebkitMaskClip | undefined;Since December 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
[ <coord-box> | no-clip | border | padding | content | text ]#**Initial value**:
border
property WebkitMaskComposite
WebkitMaskComposite?: Property.WebkitMaskComposite | undefined;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-imageproperty.**Syntax**:
<composite-style>#**Initial value**:
source-over
property WebkitMaskImage
WebkitMaskImage?: Property.WebkitMaskImage | undefined;Since December 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
<mask-reference>#**Initial value**:
none
property WebkitMaskOrigin
WebkitMaskOrigin?: Property.WebkitMaskOrigin | undefined;Since December 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
[ <coord-box> | border | padding | content ]#**Initial value**:
padding
property WebkitMaskPosition
WebkitMaskPosition?: Property.WebkitMaskPosition<TLength> | undefined;Since December 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
<position>#**Initial value**:
0% 0%
property WebkitMaskPositionX
WebkitMaskPositionX?: Property.WebkitMaskPositionX<TLength> | undefined;The
-webkit-mask-position-xCSS property sets the initial horizontal position of a mask image.**Syntax**:
[ <length-percentage> | left | center | right ]#**Initial value**:
0%
property WebkitMaskPositionY
WebkitMaskPositionY?: Property.WebkitMaskPositionY<TLength> | undefined;The
-webkit-mask-position-yCSS property sets the initial vertical position of a mask image.**Syntax**:
[ <length-percentage> | top | center | bottom ]#**Initial value**:
0%
property WebkitMaskRepeat
WebkitMaskRepeat?: Property.WebkitMaskRepeat | undefined;Since December 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
<repeat-style>#**Initial value**:
repeat
property WebkitMaskRepeatX
WebkitMaskRepeatX?: Property.WebkitMaskRepeatX | undefined;The
-webkit-mask-repeat-xproperty specifies whether and how a mask image is repeated (tiled) horizontally.**Syntax**:
repeat | no-repeat | space | round**Initial value**:
repeat
property WebkitMaskRepeatY
WebkitMaskRepeatY?: Property.WebkitMaskRepeatY | undefined;The
-webkit-mask-repeat-yproperty sets whether and how a mask image is repeated (tiled) vertically.**Syntax**:
repeat | no-repeat | space | round**Initial value**:
repeat
property WebkitMaskSize
WebkitMaskSize?: Property.WebkitMaskSize<TLength> | undefined;Since December 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
<bg-size>#**Initial value**:
auto auto
property WebkitMaxInlineSize
WebkitMaxInlineSize?: Property.MaxInlineSize<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**:
<'max-width'>**Initial value**:
none
property WebkitOrder
WebkitOrder?: Property.Order | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
**Syntax**:
<integer>**Initial value**:
0
property WebkitOverflowScrolling
WebkitOverflowScrolling?: Property.WebkitOverflowScrolling | undefined;**Syntax**:
auto | touch**Initial value**:
auto
property WebkitPaddingEnd
WebkitPaddingEnd?: Property.PaddingInlineEnd<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**:
<'padding-top'>**Initial value**:
0
property WebkitPaddingStart
WebkitPaddingStart?: Property.PaddingInlineStart<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**:
<'padding-top'>**Initial value**:
0
property WebkitPerspective
WebkitPerspective?: Property.Perspective<TLength> | 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 | <length>**Initial value**:
none
property WebkitPerspectiveOrigin
WebkitPerspectiveOrigin?: Property.PerspectiveOrigin<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
**Syntax**:
<position>**Initial value**:
50% 50%
property WebkitPrintColorAdjust
WebkitPrintColorAdjust?: Property.PrintColorAdjust | undefined;Since May 2025, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
economy | exact**Initial value**:
economy
property WebkitRubyPosition
WebkitRubyPosition?: Property.RubyPosition | undefined;Since December 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
[ alternate || [ over | under ] ] | inter-character**Initial value**:
alternate
property WebkitScrollSnapType
WebkitScrollSnapType?: Property.ScrollSnapType | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2022.
**Syntax**:
none | [ x | y | block | inline | both ] [ mandatory | proximity ]?**Initial value**:
none
property WebkitShapeMargin
WebkitShapeMargin?: Property.ShapeMargin<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**:
<length-percentage>**Initial value**:
0
property WebkitTapHighlightColor
WebkitTapHighlightColor?: Property.WebkitTapHighlightColor | undefined;**
-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
property WebkitTextCombine
WebkitTextCombine?: Property.TextCombineUpright | 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 | all | [ digits <integer>? ]**Initial value**:
none
property WebkitTextDecorationColor
WebkitTextDecorationColor?: Property.TextDecorationColor | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
**Syntax**:
<color>**Initial value**:
currentcolor
property WebkitTextDecorationLine
WebkitTextDecorationLine?: Property.TextDecorationLine | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
**Syntax**:
none | [ underline || overline || line-through || blink ] | spelling-error | grammar-error**Initial value**:
none
property WebkitTextDecorationSkip
WebkitTextDecorationSkip?: Property.TextDecorationSkip | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
none | [ objects || [ spaces | [ leading-spaces || trailing-spaces ] ] || edges || box-decoration ]**Initial value**:
objects
property WebkitTextDecorationStyle
WebkitTextDecorationStyle?: Property.TextDecorationStyle | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
**Syntax**:
solid | double | dotted | dashed | wavy**Initial value**:
solid
property WebkitTextEmphasisColor
WebkitTextEmphasisColor?: Property.TextEmphasisColor | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2022.
**Syntax**:
<color>**Initial value**:
currentcolor
property WebkitTextEmphasisPosition
WebkitTextEmphasisPosition?: Property.TextEmphasisPosition | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2022.
**Syntax**:
auto | [ over | under ] && [ right | left ]?**Initial value**:
auto
property WebkitTextEmphasisStyle
WebkitTextEmphasisStyle?: Property.TextEmphasisStyle | 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 | [ [ filled | open ] || [ dot | circle | double-circle | triangle | sesame ] ] | <string>**Initial value**:
none
property WebkitTextFillColor
WebkitTextFillColor?: Property.WebkitTextFillColor | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2016.
**Syntax**:
<color>**Initial value**:
currentcolor
property WebkitTextOrientation
WebkitTextOrientation?: Property.TextOrientation | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2020.
**Syntax**:
mixed | upright | sideways**Initial value**:
mixed
property WebkitTextSizeAdjust
WebkitTextSizeAdjust?: Property.TextSizeAdjust | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
none | auto | <percentage>**Initial value**:
autofor smartphone browsers supporting inflation,nonein other cases (and then not modifiable).
property WebkitTextStrokeColor
WebkitTextStrokeColor?: Property.WebkitTextStrokeColor | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
**Syntax**:
<color>**Initial value**:
currentcolor
property WebkitTextStrokeWidth
WebkitTextStrokeWidth?: Property.WebkitTextStrokeWidth<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
**Syntax**:
<length>**Initial value**:
0
property WebkitTextUnderlinePosition
WebkitTextUnderlinePosition?: Property.TextUnderlinePosition | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2020.
**Syntax**:
auto | from-font | [ under || [ left | right ] ]**Initial value**:
auto
property WebkitTouchCallout
WebkitTouchCallout?: Property.WebkitTouchCallout | undefined;The
-webkit-touch-calloutCSS property controls the display of the default callout shown when you touch and hold a touch target.**Syntax**:
default | none**Initial value**:
default
property WebkitTransform
WebkitTransform?: Property.Transform | 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 | <transform-list>**Initial value**:
none
property WebkitTransformOrigin
WebkitTransformOrigin?: Property.TransformOrigin<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
**Syntax**:
[ <length-percentage> | left | center | right | top | bottom ] | [ [ <length-percentage> | left | center | right ] && [ <length-percentage> | top | center | bottom ] ] <length>?**Initial value**:
50% 50% 0
property WebkitTransformStyle
WebkitTransformStyle?: Property.TransformStyle | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
**Syntax**:
flat | preserve-3d**Initial value**:
flat
property WebkitTransitionDelay
WebkitTransitionDelay?: Property.TransitionDelay<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**:
<time>#**Initial value**:
0s
property WebkitTransitionDuration
WebkitTransitionDuration?: Property.TransitionDuration<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**:
<time>#**Initial value**:
0s
property WebkitTransitionProperty
WebkitTransitionProperty?: Property.TransitionProperty | 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 | <single-transition-property>#**Initial value**: all
property WebkitTransitionTimingFunction
WebkitTransitionTimingFunction?: Property.TransitionTimingFunction | 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
property WebkitUserModify
WebkitUserModify?: Property.WebkitUserModify | undefined;**Syntax**:
read-only | read-write | read-write-plaintext-only**Initial value**:
read-only
property WebkitUserSelect
WebkitUserSelect?: Property.WebkitUserSelect | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
auto | text | none | all**Initial value**:
auto
property WebkitWritingMode
WebkitWritingMode?: Property.WritingMode | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.
**Syntax**:
horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr**Initial value**:
horizontal-tb
interface VendorLonghandPropertiesHyphen
interface VendorLonghandPropertiesHyphen< TLength = (string & {}) | 0, TTime = string & {}> {}property "-moz-animation-delay"
'-moz-animation-delay'?: 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**:
<time>#**Initial value**:
0s
property "-moz-animation-direction"
'-moz-animation-direction'?: 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**:
<single-animation-direction>#**Initial value**:
normal
property "-moz-animation-duration"
'-moz-animation-duration'?: 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**:
[ auto | <time [0s,∞]> ]#**Initial value**:
0s
property "-moz-animation-fill-mode"
'-moz-animation-fill-mode'?: 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-fill-mode>#**Initial value**:
none
property "-moz-animation-iteration-count"
'-moz-animation-iteration-count'?: 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**:
<single-animation-iteration-count>#**Initial value**:
1
property "-moz-animation-name"
'-moz-animation-name'?: 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**:
[ none | <keyframes-name> ]#**Initial value**:
none
property "-moz-animation-play-state"
'-moz-animation-play-state'?: Property.AnimationPlayState | 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
property "-moz-animation-timing-function"
'-moz-animation-timing-function'?: Property.AnimationTimingFunction | 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
property "-moz-appearance"
'-moz-appearance'?: Property.MozAppearance | 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 | 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)
property "-moz-backface-visibility"
'-moz-backface-visibility'?: Property.BackfaceVisibility | 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
property "-moz-binding"
'-moz-binding'?: Property.MozBinding | undefined;**Syntax**:
<url> | none**Initial value**:
none
property "-moz-border-bottom-colors"
'-moz-border-bottom-colors'?: Property.MozBorderBottomColors | undefined;**Syntax**:
<color>+ | none**Initial value**:
none
property "-moz-border-end-color"
'-moz-border-end-color'?: 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-color'>**Initial value**:
currentcolor
property "-moz-border-end-style"
'-moz-border-end-style'?: 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-style'>**Initial value**:
none
property "-moz-border-end-width"
'-moz-border-end-width'?: 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-width'>**Initial value**:
medium
property "-moz-border-left-colors"
'-moz-border-left-colors'?: Property.MozBorderLeftColors | undefined;**Syntax**:
<color>+ | none**Initial value**:
none
property "-moz-border-right-colors"
'-moz-border-right-colors'?: Property.MozBorderRightColors | undefined;**Syntax**:
<color>+ | none**Initial value**:
none
property "-moz-border-start-color"
'-moz-border-start-color'?: 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-color'>**Initial value**:
currentcolor
property "-moz-border-start-style"
'-moz-border-start-style'?: 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-style'>**Initial value**:
none
property "-moz-border-top-colors"
'-moz-border-top-colors'?: Property.MozBorderTopColors | undefined;**Syntax**:
<color>+ | none**Initial value**:
none
property "-moz-box-sizing"
'-moz-box-sizing'?: Property.BoxSizing | 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
property "-moz-column-rule-color"
'-moz-column-rule-color'?: Property.ColumnRuleColor | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.
**Syntax**:
<color>**Initial value**:
currentcolor
property "-moz-column-rule-style"
'-moz-column-rule-style'?: Property.ColumnRuleStyle | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.
**Syntax**:
<'border-style'>**Initial value**:
none
property "-moz-column-rule-width"
'-moz-column-rule-width'?: Property.ColumnRuleWidth<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.
**Syntax**:
<'border-width'>**Initial value**:
medium
property "-moz-column-width"
'-moz-column-width'?: Property.ColumnWidth<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since November 2016.
**Syntax**:
<length> | auto**Initial value**:
auto
property "-moz-context-properties"
'-moz-context-properties'?: Property.MozContextProperties | undefined;**Syntax**:
none | [ fill | fill-opacity | stroke | stroke-opacity ]#**Initial value**:
none
property "-moz-font-feature-settings"
'-moz-font-feature-settings'?: Property.FontFeatureSettings | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
**Syntax**:
normal | <feature-tag-value>#**Initial value**:
normal
property "-moz-font-language-override"
'-moz-font-language-override'?: Property.FontLanguageOverride | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
normal | <string>**Initial value**:
normal
property "-moz-hyphens"
'-moz-hyphens'?: Property.Hyphens | undefined;Since September 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
none | manual | auto**Initial value**:
manual
property "-moz-margin-end"
'-moz-margin-end'?: Property.MarginInlineEnd<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**:
<'margin-top'>**Initial value**:
0
property "-moz-margin-start"
'-moz-margin-start'?: Property.MarginInlineStart<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**:
<'margin-top'>**Initial value**:
0
property "-moz-orient"
'-moz-orient'?: Property.MozOrient | undefined;The **
-moz-orient** CSS property specifies the orientation of the element to which it's applied.**Syntax**:
inline | block | horizontal | vertical**Initial value**:
inline
property "-moz-osx-font-smoothing"
'-moz-osx-font-smoothing'?: Property.FontSmooth<TLength> | undefined;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
property "-moz-outline-radius-bottomleft"
'-moz-outline-radius-bottomleft'?: | Property.MozOutlineRadiusBottomleft<TLength> | undefined;**Syntax**:
<outline-radius>**Initial value**:
0
property "-moz-outline-radius-bottomright"
'-moz-outline-radius-bottomright'?: | Property.MozOutlineRadiusBottomright<TLength> | undefined;**Syntax**:
<outline-radius>**Initial value**:
0
property "-moz-outline-radius-topleft"
'-moz-outline-radius-topleft'?: | Property.MozOutlineRadiusTopleft<TLength> | undefined;**Syntax**:
<outline-radius>**Initial value**:
0
property "-moz-outline-radius-topright"
'-moz-outline-radius-topright'?: | Property.MozOutlineRadiusTopright<TLength> | undefined;**Syntax**:
<outline-radius>**Initial value**:
0
property "-moz-padding-end"
'-moz-padding-end'?: Property.PaddingInlineEnd<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**:
<'padding-top'>**Initial value**:
0
property "-moz-padding-start"
'-moz-padding-start'?: Property.PaddingInlineStart<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**:
<'padding-top'>**Initial value**:
0
property "-moz-perspective-origin"
'-moz-perspective-origin'?: Property.PerspectiveOrigin<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
**Syntax**:
<position>**Initial value**:
50% 50%
property "-moz-perspective"
'-moz-perspective'?: Property.Perspective<TLength> | 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 | <length>**Initial value**:
none
property "-moz-stack-sizing"
'-moz-stack-sizing'?: Property.MozStackSizing | undefined;**Syntax**:
ignore | stretch-to-fit**Initial value**:
stretch-to-fit
property "-moz-tab-size"
'-moz-tab-size'?: Property.TabSize<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since August 2021.
**Syntax**:
<integer> | <length>**Initial value**:
8
property "-moz-text-blink"
'-moz-text-blink'?: Property.MozTextBlink | undefined;**Syntax**:
none | blink**Initial value**:
none
property "-moz-text-size-adjust"
'-moz-text-size-adjust'?: Property.TextSizeAdjust | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
none | auto | <percentage>**Initial value**:
autofor smartphone browsers supporting inflation,nonein other cases (and then not modifiable).
property "-moz-transform-origin"
'-moz-transform-origin'?: Property.TransformOrigin<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
**Syntax**:
[ <length-percentage> | left | center | right | top | bottom ] | [ [ <length-percentage> | left | center | right ] && [ <length-percentage> | top | center | bottom ] ] <length>?**Initial value**:
50% 50% 0
property "-moz-transform-style"
'-moz-transform-style'?: Property.TransformStyle | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
**Syntax**:
flat | preserve-3d**Initial value**:
flat
property "-moz-transform"
'-moz-transform'?: Property.Transform | 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 | <transform-list>**Initial value**:
none
property "-moz-user-modify"
'-moz-user-modify'?: Property.MozUserModify | undefined;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
property "-moz-user-select"
'-moz-user-select'?: Property.UserSelect | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
auto | text | none | all**Initial value**:
auto
property "-moz-window-dragging"
'-moz-window-dragging'?: Property.MozWindowDragging | undefined;**Syntax**:
drag | no-drag**Initial value**:
drag
property "-moz-window-shadow"
'-moz-window-shadow'?: Property.MozWindowShadow | undefined;**Syntax**:
default | menu | tooltip | sheet | none**Initial value**:
default
property "-ms-accelerator"
'-ms-accelerator'?: Property.MsAccelerator | undefined;**Syntax**:
false | true**Initial value**:
false
property "-ms-block-progression"
'-ms-block-progression'?: Property.MsBlockProgression | undefined;**Syntax**:
tb | rl | bt | lr**Initial value**:
tb
property "-ms-content-zoom-chaining"
'-ms-content-zoom-chaining'?: Property.MsContentZoomChaining | undefined;**Syntax**:
none | chained**Initial value**:
none
property "-ms-content-zoom-limit-max"
'-ms-content-zoom-limit-max'?: Property.MsContentZoomLimitMax | undefined;**Syntax**:
<percentage>**Initial value**:
400%
property "-ms-content-zoom-limit-min"
'-ms-content-zoom-limit-min'?: Property.MsContentZoomLimitMin | undefined;**Syntax**:
<percentage>**Initial value**:
100%
property "-ms-content-zoom-snap-points"
'-ms-content-zoom-snap-points'?: Property.MsContentZoomSnapPoints | undefined;**Syntax**:
snapInterval( <percentage>, <percentage> ) | snapList( <percentage># )**Initial value**:
snapInterval(0%, 100%)
property "-ms-content-zoom-snap-type"
'-ms-content-zoom-snap-type'?: Property.MsContentZoomSnapType | undefined;**Syntax**:
none | proximity | mandatory**Initial value**:
none
property "-ms-content-zooming"
'-ms-content-zooming'?: Property.MsContentZooming | undefined;**Syntax**:
none | zoom**Initial value**: zoom for the top level element, none for all other elements
property "-ms-filter"
'-ms-filter'?: Property.MsFilter | undefined;**Syntax**:
<string>**Initial value**: "" (the empty string)
property "-ms-flex-direction"
'-ms-flex-direction'?: Property.FlexDirection | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
**Syntax**:
row | row-reverse | column | column-reverse**Initial value**:
row
property "-ms-flex-positive"
'-ms-flex-positive'?: Property.FlexGrow | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
**Syntax**:
<number>**Initial value**:
0
property "-ms-flow-from"
'-ms-flow-from'?: Property.MsFlowFrom | undefined;**Syntax**:
[ none | <custom-ident> ]#**Initial value**:
none
property "-ms-flow-into"
'-ms-flow-into'?: Property.MsFlowInto | undefined;**Syntax**:
[ none | <custom-ident> ]#**Initial value**:
none
property "-ms-grid-columns"
'-ms-grid-columns'?: Property.MsGridColumns<TLength> | undefined;**Syntax**:
none | <track-list> | <auto-track-list>**Initial value**:
none
property "-ms-grid-rows"
'-ms-grid-rows'?: Property.MsGridRows<TLength> | undefined;**Syntax**:
none | <track-list> | <auto-track-list>**Initial value**:
none
property "-ms-high-contrast-adjust"
'-ms-high-contrast-adjust'?: Property.MsHighContrastAdjust | undefined;**Syntax**:
auto | none**Initial value**:
auto
property "-ms-hyphenate-limit-chars"
'-ms-hyphenate-limit-chars'?: Property.MsHyphenateLimitChars | undefined;**Syntax**:
auto | <integer>{1,3}**Initial value**:
auto
property "-ms-hyphenate-limit-lines"
'-ms-hyphenate-limit-lines'?: Property.MsHyphenateLimitLines | undefined;**Syntax**:
no-limit | <integer>**Initial value**:
no-limit
property "-ms-hyphenate-limit-zone"
'-ms-hyphenate-limit-zone'?: Property.MsHyphenateLimitZone<TLength> | undefined;**Syntax**:
<percentage> | <length>**Initial value**:
0
property "-ms-hyphens"
'-ms-hyphens'?: Property.Hyphens | undefined;Since September 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
none | manual | auto**Initial value**:
manual
property "-ms-ime-align"
'-ms-ime-align'?: Property.MsImeAlign | undefined;**Syntax**:
auto | after**Initial value**:
auto
property "-ms-line-break"
'-ms-line-break'?: Property.LineBreak | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2020.
**Syntax**:
auto | loose | normal | strict | anywhere**Initial value**:
auto
property "-ms-order"
'-ms-order'?: Property.Order | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
**Syntax**:
<integer>**Initial value**:
0
property "-ms-overflow-style"
'-ms-overflow-style'?: Property.MsOverflowStyle | undefined;**Syntax**:
auto | none | scrollbar | -ms-autohiding-scrollbar**Initial value**:
auto
property "-ms-overflow-x"
'-ms-overflow-x'?: Property.OverflowX | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**Syntax**:
visible | hidden | clip | scroll | auto**Initial value**:
visible
property "-ms-overflow-y"
'-ms-overflow-y'?: Property.OverflowY | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**Syntax**:
visible | hidden | clip | scroll | auto**Initial value**:
visible
property "-ms-scroll-chaining"
'-ms-scroll-chaining'?: Property.MsScrollChaining | undefined;**Syntax**:
chained | none**Initial value**:
chained
property "-ms-scroll-limit-x-max"
'-ms-scroll-limit-x-max'?: Property.MsScrollLimitXMax<TLength> | undefined;**Syntax**:
auto | <length>**Initial value**:
auto
property "-ms-scroll-limit-x-min"
'-ms-scroll-limit-x-min'?: Property.MsScrollLimitXMin<TLength> | undefined;**Syntax**:
<length>**Initial value**:
0
property "-ms-scroll-limit-y-max"
'-ms-scroll-limit-y-max'?: Property.MsScrollLimitYMax<TLength> | undefined;**Syntax**:
auto | <length>**Initial value**:
auto
property "-ms-scroll-limit-y-min"
'-ms-scroll-limit-y-min'?: Property.MsScrollLimitYMin<TLength> | undefined;**Syntax**:
<length>**Initial value**:
0
property "-ms-scroll-rails"
'-ms-scroll-rails'?: Property.MsScrollRails | undefined;**Syntax**:
none | railed**Initial value**:
railed
property "-ms-scroll-snap-points-x"
'-ms-scroll-snap-points-x'?: Property.MsScrollSnapPointsX | undefined;**Syntax**:
snapInterval( <length-percentage>, <length-percentage> ) | snapList( <length-percentage># )**Initial value**:
snapInterval(0px, 100%)
property "-ms-scroll-snap-points-y"
'-ms-scroll-snap-points-y'?: Property.MsScrollSnapPointsY | undefined;**Syntax**:
snapInterval( <length-percentage>, <length-percentage> ) | snapList( <length-percentage># )**Initial value**:
snapInterval(0px, 100%)
property "-ms-scroll-snap-type"
'-ms-scroll-snap-type'?: Property.MsScrollSnapType | undefined;**Syntax**:
none | proximity | mandatory**Initial value**:
none
property "-ms-scroll-translation"
'-ms-scroll-translation'?: Property.MsScrollTranslation | undefined;**Syntax**:
none | vertical-to-horizontal**Initial value**:
none
property "-ms-scrollbar-3dlight-color"
'-ms-scrollbar-3dlight-color'?: Property.MsScrollbar3dlightColor | undefined;**Syntax**:
<color>**Initial value**: depends on user agent
property "-ms-scrollbar-arrow-color"
'-ms-scrollbar-arrow-color'?: Property.MsScrollbarArrowColor | undefined;**Syntax**:
<color>**Initial value**:
ButtonText
property "-ms-scrollbar-base-color"
'-ms-scrollbar-base-color'?: Property.MsScrollbarBaseColor | undefined;**Syntax**:
<color>**Initial value**: depends on user agent
property "-ms-scrollbar-darkshadow-color"
'-ms-scrollbar-darkshadow-color'?: | Property.MsScrollbarDarkshadowColor | undefined;**Syntax**:
<color>**Initial value**:
ThreeDDarkShadow
property "-ms-scrollbar-face-color"
'-ms-scrollbar-face-color'?: Property.MsScrollbarFaceColor | undefined;**Syntax**:
<color>**Initial value**:
ThreeDFace
property "-ms-scrollbar-highlight-color"
'-ms-scrollbar-highlight-color'?: Property.MsScrollbarHighlightColor | undefined;**Syntax**:
<color>**Initial value**:
ThreeDHighlight
property "-ms-scrollbar-shadow-color"
'-ms-scrollbar-shadow-color'?: Property.MsScrollbarShadowColor | undefined;**Syntax**:
<color>**Initial value**:
ThreeDDarkShadow
property "-ms-scrollbar-track-color"
'-ms-scrollbar-track-color'?: Property.MsScrollbarTrackColor | undefined;**Syntax**:
<color>**Initial value**:
Scrollbar
property "-ms-text-autospace"
'-ms-text-autospace'?: Property.MsTextAutospace | undefined;**Syntax**:
none | ideograph-alpha | ideograph-numeric | ideograph-parenthesis | ideograph-space**Initial value**:
none
property "-ms-text-combine-horizontal"
'-ms-text-combine-horizontal'?: Property.TextCombineUpright | 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 | all | [ digits <integer>? ]**Initial value**:
none
property "-ms-text-overflow"
'-ms-text-overflow'?: Property.TextOverflow | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**Syntax**:
[ clip | ellipsis | <string> ]{1,2}**Initial value**:
clip
property "-ms-touch-action"
'-ms-touch-action'?: Property.TouchAction | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2019.
**Syntax**:
auto | none | [ [ pan-x | pan-left | pan-right ] || [ pan-y | pan-up | pan-down ] || pinch-zoom ] | manipulation**Initial value**:
auto
property "-ms-touch-select"
'-ms-touch-select'?: Property.MsTouchSelect | undefined;**Syntax**:
grippers | none**Initial value**:
grippers
property "-ms-transform-origin"
'-ms-transform-origin'?: Property.TransformOrigin<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
**Syntax**:
[ <length-percentage> | left | center | right | top | bottom ] | [ [ <length-percentage> | left | center | right ] && [ <length-percentage> | top | center | bottom ] ] <length>?**Initial value**:
50% 50% 0
property "-ms-transform"
'-ms-transform'?: Property.Transform | 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 | <transform-list>**Initial value**:
none
property "-ms-transition-delay"
'-ms-transition-delay'?: Property.TransitionDelay<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**:
<time>#**Initial value**:
0s
property "-ms-transition-duration"
'-ms-transition-duration'?: Property.TransitionDuration<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**:
<time>#**Initial value**:
0s
property "-ms-transition-property"
'-ms-transition-property'?: Property.TransitionProperty | 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 | <single-transition-property>#**Initial value**: all
property "-ms-transition-timing-function"
'-ms-transition-timing-function'?: Property.TransitionTimingFunction | 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
property "-ms-user-select"
'-ms-user-select'?: Property.MsUserSelect | undefined;**Syntax**:
none | element | text**Initial value**:
text
property "-ms-word-break"
'-ms-word-break'?: Property.WordBreak | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
**Syntax**:
normal | break-all | keep-all | break-word | auto-phrase**Initial value**:
normal
property "-ms-wrap-flow"
'-ms-wrap-flow'?: Property.MsWrapFlow | undefined;**Syntax**:
auto | both | start | end | maximum | clear**Initial value**:
auto
property "-ms-wrap-margin"
'-ms-wrap-margin'?: Property.MsWrapMargin<TLength> | undefined;**Syntax**:
<length>**Initial value**:
0
property "-ms-wrap-through"
'-ms-wrap-through'?: Property.MsWrapThrough | undefined;**Syntax**:
wrap | none**Initial value**:
wrap
property "-ms-writing-mode"
'-ms-writing-mode'?: Property.WritingMode | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.
**Syntax**:
horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr**Initial value**:
horizontal-tb
property "-webkit-align-content"
'-webkit-align-content'?: 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 | <baseline-position> | <content-distribution> | <overflow-position>? <content-position>**Initial value**:
normal
property "-webkit-align-items"
'-webkit-align-items'?: 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**:
normal | stretch | <baseline-position> | [ <overflow-position>? <self-position> ] | anchor-center**Initial value**:
normal
property "-webkit-align-self"
'-webkit-align-self'?: Property.AlignSelf | 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
property "-webkit-animation-delay"
'-webkit-animation-delay'?: 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**:
<time>#**Initial value**:
0s
property "-webkit-animation-direction"
'-webkit-animation-direction'?: 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**:
<single-animation-direction>#**Initial value**:
normal
property "-webkit-animation-duration"
'-webkit-animation-duration'?: 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**:
[ auto | <time [0s,∞]> ]#**Initial value**:
0s
property "-webkit-animation-fill-mode"
'-webkit-animation-fill-mode'?: 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-fill-mode>#**Initial value**:
none
property "-webkit-animation-iteration-count"
'-webkit-animation-iteration-count'?: | 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**:
<single-animation-iteration-count>#**Initial value**:
1
property "-webkit-animation-name"
'-webkit-animation-name'?: 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**:
[ none | <keyframes-name> ]#**Initial value**:
none
property "-webkit-animation-play-state"
'-webkit-animation-play-state'?: Property.AnimationPlayState | 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
property "-webkit-animation-timing-function"
'-webkit-animation-timing-function'?: | Property.AnimationTimingFunction | 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
property "-webkit-appearance"
'-webkit-appearance'?: Property.WebkitAppearance | 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 | 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)
property "-webkit-backdrop-filter"
'-webkit-backdrop-filter'?: Property.BackdropFilter | 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
property "-webkit-backface-visibility"
'-webkit-backface-visibility'?: Property.BackfaceVisibility | 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
property "-webkit-background-clip"
'-webkit-background-clip'?: 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**:
<bg-clip>#**Initial value**:
border-box
property "-webkit-background-origin"
'-webkit-background-origin'?: Property.BackgroundOrigin | 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
property "-webkit-background-size"
'-webkit-background-size'?: Property.BackgroundSize<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**:
<bg-size>#**Initial value**:
auto auto
property "-webkit-border-before-color"
'-webkit-border-before-color'?: Property.WebkitBorderBeforeColor | undefined;**Syntax**:
<color>**Initial value**:
currentcolor
property "-webkit-border-before-style"
'-webkit-border-before-style'?: Property.WebkitBorderBeforeStyle | undefined;**Syntax**:
<'border-style'>**Initial value**:
none
property "-webkit-border-before-width"
'-webkit-border-before-width'?: | Property.WebkitBorderBeforeWidth<TLength> | undefined;**Syntax**:
<'border-width'>**Initial value**:
medium
property "-webkit-border-bottom-left-radius"
'-webkit-border-bottom-left-radius'?: | 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
property "-webkit-border-bottom-right-radius"
'-webkit-border-bottom-right-radius'?: | 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**:
<length-percentage [0,∞]>{1,2}**Initial value**:
0
property "-webkit-border-image-slice"
'-webkit-border-image-slice'?: 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**:
[ <number [0,∞]> | <percentage [0,∞]> ]{1,4} && fill?**Initial value**:
100%
property "-webkit-border-top-left-radius"
'-webkit-border-top-left-radius'?: | 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
property "-webkit-border-top-right-radius"
'-webkit-border-top-right-radius'?: | 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**:
<length-percentage [0,∞]>{1,2}**Initial value**:
0
property "-webkit-box-decoration-break"
'-webkit-box-decoration-break'?: Property.BoxDecorationBreak | 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
property "-webkit-box-reflect"
'-webkit-box-reflect'?: Property.WebkitBoxReflect<TLength> | undefined;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
property "-webkit-box-shadow"
'-webkit-box-shadow'?: 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**:
none | <shadow>#**Initial value**:
none
property "-webkit-box-sizing"
'-webkit-box-sizing'?: Property.BoxSizing | 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
property "-webkit-clip-path"
'-webkit-clip-path'?: Property.ClipPath | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
**Syntax**:
<clip-source> | [ <basic-shape> || <geometry-box> ] | none**Initial value**:
none
property "-webkit-column-count"
'-webkit-column-count'?: Property.ColumnCount | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.
**Syntax**:
<integer> | auto**Initial value**:
auto
property "-webkit-column-fill"
'-webkit-column-fill'?: Property.ColumnFill | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.
**Syntax**:
auto | balance**Initial value**:
balance
property "-webkit-column-rule-color"
'-webkit-column-rule-color'?: Property.ColumnRuleColor | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.
**Syntax**:
<color>**Initial value**:
currentcolor
property "-webkit-column-rule-style"
'-webkit-column-rule-style'?: Property.ColumnRuleStyle | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.
**Syntax**:
<'border-style'>**Initial value**:
none
property "-webkit-column-rule-width"
'-webkit-column-rule-width'?: Property.ColumnRuleWidth<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.
**Syntax**:
<'border-width'>**Initial value**:
medium
property "-webkit-column-span"
'-webkit-column-span'?: Property.ColumnSpan | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2020.
**Syntax**:
none | all**Initial value**:
none
property "-webkit-column-width"
'-webkit-column-width'?: Property.ColumnWidth<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since November 2016.
**Syntax**:
<length> | auto**Initial value**:
auto
property "-webkit-filter"
'-webkit-filter'?: Property.Filter | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2016.
**Syntax**:
none | <filter-value-list>**Initial value**:
none
property "-webkit-flex-basis"
'-webkit-flex-basis'?: Property.FlexBasis<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
**Syntax**:
content | <'width'>**Initial value**:
auto
property "-webkit-flex-direction"
'-webkit-flex-direction'?: Property.FlexDirection | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
**Syntax**:
row | row-reverse | column | column-reverse**Initial value**:
row
property "-webkit-flex-grow"
'-webkit-flex-grow'?: Property.FlexGrow | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
**Syntax**:
<number>**Initial value**:
0
property "-webkit-flex-shrink"
'-webkit-flex-shrink'?: Property.FlexShrink | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
**Syntax**:
<number>**Initial value**:
1
property "-webkit-flex-wrap"
'-webkit-flex-wrap'?: Property.FlexWrap | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
**Syntax**:
nowrap | wrap | wrap-reverse**Initial value**:
nowrap
property "-webkit-font-feature-settings"
'-webkit-font-feature-settings'?: Property.FontFeatureSettings | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
**Syntax**:
normal | <feature-tag-value>#**Initial value**:
normal
property "-webkit-font-kerning"
'-webkit-font-kerning'?: Property.FontKerning | 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 | normal | none**Initial value**:
auto
property "-webkit-font-smoothing"
'-webkit-font-smoothing'?: Property.FontSmooth<TLength> | undefined;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
property "-webkit-font-variant-ligatures"
'-webkit-font-variant-ligatures'?: Property.FontVariantLigatures | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
**Syntax**:
normal | none | [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> ]**Initial value**:
normal
property "-webkit-hyphenate-character"
'-webkit-hyphenate-character'?: Property.HyphenateCharacter | undefined;Since September 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
auto | <string>**Initial value**:
auto
property "-webkit-hyphens"
'-webkit-hyphens'?: Property.Hyphens | undefined;Since September 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
none | manual | auto**Initial value**:
manual
property "-webkit-initial-letter"
'-webkit-initial-letter'?: Property.InitialLetter | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
normal | [ <number> <integer>? ]**Initial value**:
normal
property "-webkit-justify-content"
'-webkit-justify-content'?: Property.JustifyContent | 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 | <content-distribution> | <overflow-position>? [ <content-position> | left | right ]**Initial value**:
normal
property "-webkit-line-break"
'-webkit-line-break'?: Property.LineBreak | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2020.
**Syntax**:
auto | loose | normal | strict | anywhere**Initial value**:
auto
property "-webkit-line-clamp"
'-webkit-line-clamp'?: Property.WebkitLineClamp | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
none | <integer>**Initial value**:
none
property "-webkit-logical-height"
'-webkit-logical-height'?: 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**:
<'width'>**Initial value**:
auto
property "-webkit-logical-width"
'-webkit-logical-width'?: Property.InlineSize<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
property "-webkit-margin-end"
'-webkit-margin-end'?: Property.MarginInlineEnd<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**:
<'margin-top'>**Initial value**:
0
property "-webkit-margin-start"
'-webkit-margin-start'?: Property.MarginInlineStart<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**:
<'margin-top'>**Initial value**:
0
property "-webkit-mask-attachment"
'-webkit-mask-attachment'?: Property.WebkitMaskAttachment | undefined;**Syntax**:
<attachment>#**Initial value**:
scroll
property "-webkit-mask-box-image-outset"
'-webkit-mask-box-image-outset'?: Property.MaskBorderOutset<TLength> | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
[ <length> | <number> ]{1,4}**Initial value**:
0
property "-webkit-mask-box-image-repeat"
'-webkit-mask-box-image-repeat'?: Property.MaskBorderRepeat | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
[ stretch | repeat | round | space ]{1,2}**Initial value**:
stretch
property "-webkit-mask-box-image-slice"
'-webkit-mask-box-image-slice'?: Property.MaskBorderSlice | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
<number-percentage>{1,4} fill?**Initial value**:
0
property "-webkit-mask-box-image-source"
'-webkit-mask-box-image-source'?: Property.MaskBorderSource | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
none | <image>**Initial value**:
none
property "-webkit-mask-box-image-width"
'-webkit-mask-box-image-width'?: Property.MaskBorderWidth<TLength> | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
[ <length-percentage> | <number> | auto ]{1,4}**Initial value**:
auto
property "-webkit-mask-clip"
'-webkit-mask-clip'?: Property.WebkitMaskClip | undefined;Since December 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
[ <coord-box> | no-clip | border | padding | content | text ]#**Initial value**:
border
property "-webkit-mask-composite"
'-webkit-mask-composite'?: Property.WebkitMaskComposite | undefined;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-imageproperty.**Syntax**:
<composite-style>#**Initial value**:
source-over
property "-webkit-mask-image"
'-webkit-mask-image'?: Property.WebkitMaskImage | undefined;Since December 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
<mask-reference>#**Initial value**:
none
property "-webkit-mask-origin"
'-webkit-mask-origin'?: Property.WebkitMaskOrigin | undefined;Since December 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
[ <coord-box> | border | padding | content ]#**Initial value**:
padding
property "-webkit-mask-position-x"
'-webkit-mask-position-x'?: Property.WebkitMaskPositionX<TLength> | undefined;The
-webkit-mask-position-xCSS property sets the initial horizontal position of a mask image.**Syntax**:
[ <length-percentage> | left | center | right ]#**Initial value**:
0%
property "-webkit-mask-position-y"
'-webkit-mask-position-y'?: Property.WebkitMaskPositionY<TLength> | undefined;The
-webkit-mask-position-yCSS property sets the initial vertical position of a mask image.**Syntax**:
[ <length-percentage> | top | center | bottom ]#**Initial value**:
0%
property "-webkit-mask-position"
'-webkit-mask-position'?: Property.WebkitMaskPosition<TLength> | undefined;Since December 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
<position>#**Initial value**:
0% 0%
property "-webkit-mask-repeat-x"
'-webkit-mask-repeat-x'?: Property.WebkitMaskRepeatX | undefined;The
-webkit-mask-repeat-xproperty specifies whether and how a mask image is repeated (tiled) horizontally.**Syntax**:
repeat | no-repeat | space | round**Initial value**:
repeat
property "-webkit-mask-repeat-y"
'-webkit-mask-repeat-y'?: Property.WebkitMaskRepeatY | undefined;The
-webkit-mask-repeat-yproperty sets whether and how a mask image is repeated (tiled) vertically.**Syntax**:
repeat | no-repeat | space | round**Initial value**:
repeat
property "-webkit-mask-repeat"
'-webkit-mask-repeat'?: Property.WebkitMaskRepeat | undefined;Since December 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
<repeat-style>#**Initial value**:
repeat
property "-webkit-mask-size"
'-webkit-mask-size'?: Property.WebkitMaskSize<TLength> | undefined;Since December 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
<bg-size>#**Initial value**:
auto auto
property "-webkit-max-inline-size"
'-webkit-max-inline-size'?: Property.MaxInlineSize<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**:
<'max-width'>**Initial value**:
none
property "-webkit-order"
'-webkit-order'?: Property.Order | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
**Syntax**:
<integer>**Initial value**:
0
property "-webkit-overflow-scrolling"
'-webkit-overflow-scrolling'?: Property.WebkitOverflowScrolling | undefined;**Syntax**:
auto | touch**Initial value**:
auto
property "-webkit-padding-end"
'-webkit-padding-end'?: Property.PaddingInlineEnd<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**:
<'padding-top'>**Initial value**:
0
property "-webkit-padding-start"
'-webkit-padding-start'?: Property.PaddingInlineStart<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**:
<'padding-top'>**Initial value**:
0
property "-webkit-perspective-origin"
'-webkit-perspective-origin'?: Property.PerspectiveOrigin<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
**Syntax**:
<position>**Initial value**:
50% 50%
property "-webkit-perspective"
'-webkit-perspective'?: Property.Perspective<TLength> | 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 | <length>**Initial value**:
none
property "-webkit-print-color-adjust"
'-webkit-print-color-adjust'?: Property.PrintColorAdjust | undefined;Since May 2025, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
economy | exact**Initial value**:
economy
property "-webkit-ruby-position"
'-webkit-ruby-position'?: Property.RubyPosition | undefined;Since December 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
[ alternate || [ over | under ] ] | inter-character**Initial value**:
alternate
property "-webkit-scroll-snap-type"
'-webkit-scroll-snap-type'?: Property.ScrollSnapType | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2022.
**Syntax**:
none | [ x | y | block | inline | both ] [ mandatory | proximity ]?**Initial value**:
none
property "-webkit-shape-margin"
'-webkit-shape-margin'?: Property.ShapeMargin<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**:
<length-percentage>**Initial value**:
0
property "-webkit-tap-highlight-color"
'-webkit-tap-highlight-color'?: Property.WebkitTapHighlightColor | undefined;**
-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
property "-webkit-text-combine"
'-webkit-text-combine'?: Property.TextCombineUpright | 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 | all | [ digits <integer>? ]**Initial value**:
none
property "-webkit-text-decoration-color"
'-webkit-text-decoration-color'?: Property.TextDecorationColor | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
**Syntax**:
<color>**Initial value**:
currentcolor
property "-webkit-text-decoration-line"
'-webkit-text-decoration-line'?: Property.TextDecorationLine | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
**Syntax**:
none | [ underline || overline || line-through || blink ] | spelling-error | grammar-error**Initial value**:
none
property "-webkit-text-decoration-skip"
'-webkit-text-decoration-skip'?: Property.TextDecorationSkip | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
none | [ objects || [ spaces | [ leading-spaces || trailing-spaces ] ] || edges || box-decoration ]**Initial value**:
objects
property "-webkit-text-decoration-style"
'-webkit-text-decoration-style'?: Property.TextDecorationStyle | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
**Syntax**:
solid | double | dotted | dashed | wavy**Initial value**:
solid
property "-webkit-text-emphasis-color"
'-webkit-text-emphasis-color'?: Property.TextEmphasisColor | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2022.
**Syntax**:
<color>**Initial value**:
currentcolor
property "-webkit-text-emphasis-position"
'-webkit-text-emphasis-position'?: Property.TextEmphasisPosition | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2022.
**Syntax**:
auto | [ over | under ] && [ right | left ]?**Initial value**:
auto
property "-webkit-text-emphasis-style"
'-webkit-text-emphasis-style'?: Property.TextEmphasisStyle | 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 | [ [ filled | open ] || [ dot | circle | double-circle | triangle | sesame ] ] | <string>**Initial value**:
none
property "-webkit-text-fill-color"
'-webkit-text-fill-color'?: Property.WebkitTextFillColor | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2016.
**Syntax**:
<color>**Initial value**:
currentcolor
property "-webkit-text-orientation"
'-webkit-text-orientation'?: Property.TextOrientation | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2020.
**Syntax**:
mixed | upright | sideways**Initial value**:
mixed
property "-webkit-text-size-adjust"
'-webkit-text-size-adjust'?: Property.TextSizeAdjust | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
none | auto | <percentage>**Initial value**:
autofor smartphone browsers supporting inflation,nonein other cases (and then not modifiable).
property "-webkit-text-stroke-color"
'-webkit-text-stroke-color'?: Property.WebkitTextStrokeColor | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
**Syntax**:
<color>**Initial value**:
currentcolor
property "-webkit-text-stroke-width"
'-webkit-text-stroke-width'?: | Property.WebkitTextStrokeWidth<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
**Syntax**:
<length>**Initial value**:
0
property "-webkit-text-underline-position"
'-webkit-text-underline-position'?: Property.TextUnderlinePosition | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2020.
**Syntax**:
auto | from-font | [ under || [ left | right ] ]**Initial value**:
auto
property "-webkit-touch-callout"
'-webkit-touch-callout'?: Property.WebkitTouchCallout | undefined;The
-webkit-touch-calloutCSS property controls the display of the default callout shown when you touch and hold a touch target.**Syntax**:
default | none**Initial value**:
default
property "-webkit-transform-origin"
'-webkit-transform-origin'?: Property.TransformOrigin<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
**Syntax**:
[ <length-percentage> | left | center | right | top | bottom ] | [ [ <length-percentage> | left | center | right ] && [ <length-percentage> | top | center | bottom ] ] <length>?**Initial value**:
50% 50% 0
property "-webkit-transform-style"
'-webkit-transform-style'?: Property.TransformStyle | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
**Syntax**:
flat | preserve-3d**Initial value**:
flat
property "-webkit-transform"
'-webkit-transform'?: Property.Transform | 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 | <transform-list>**Initial value**:
none
property "-webkit-transition-delay"
'-webkit-transition-delay'?: Property.TransitionDelay<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**:
<time>#**Initial value**:
0s
property "-webkit-transition-duration"
'-webkit-transition-duration'?: Property.TransitionDuration<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**:
<time>#**Initial value**:
0s
property "-webkit-transition-property"
'-webkit-transition-property'?: Property.TransitionProperty | 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 | <single-transition-property>#**Initial value**: all
property "-webkit-transition-timing-function"
'-webkit-transition-timing-function'?: | Property.TransitionTimingFunction | 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
property "-webkit-user-modify"
'-webkit-user-modify'?: Property.WebkitUserModify | undefined;**Syntax**:
read-only | read-write | read-write-plaintext-only**Initial value**:
read-only
property "-webkit-user-select"
'-webkit-user-select'?: Property.WebkitUserSelect | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
auto | text | none | all**Initial value**:
auto
property "-webkit-writing-mode"
'-webkit-writing-mode'?: Property.WritingMode | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.
**Syntax**:
horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr**Initial value**:
horizontal-tb
interface VendorProperties
interface VendorProperties<TLength = (string & {}) | 0, TTime = string & {}> extends VendorLonghandProperties<TLength, TTime>, VendorShorthandProperties<TLength, TTime> {}interface VendorPropertiesFallback
interface VendorPropertiesFallback<TLength = (string & {}) | 0, TTime = string & {}> extends VendorLonghandPropertiesFallback<TLength, TTime>, VendorShorthandPropertiesFallback<TLength, TTime> {}interface VendorPropertiesHyphen
interface VendorPropertiesHyphen<TLength = (string & {}) | 0, TTime = string & {}> extends VendorLonghandPropertiesHyphen<TLength, TTime>, VendorShorthandPropertiesHyphen<TLength, TTime> {}interface VendorPropertiesHyphenFallback
interface VendorPropertiesHyphenFallback< TLength = (string & {}) | 0, TTime = string & {}> extends VendorLonghandPropertiesHyphenFallback<TLength, TTime>, VendorShorthandPropertiesHyphenFallback<TLength, TTime> {}interface VendorShorthandProperties
interface VendorShorthandProperties< TLength = (string & {}) | 0, TTime = string & {}> {}property MozAnimation
MozAnimation?: Property.Animation<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>#
property MozBorderImage
MozBorderImage?: Property.BorderImage | 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-image-source'> || <'border-image-slice'> [ / <'border-image-width'> | / <'border-image-width'>? / <'border-image-outset'> ]? || <'border-image-repeat'>
property MozColumnRule
MozColumnRule?: Property.ColumnRule<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.
**Syntax**:
<'column-rule-width'> || <'column-rule-style'> || <'column-rule-color'>
property MozColumns
MozColumns?: Property.Columns<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.
**Syntax**:
<'column-width'> || <'column-count'>
property MozOutlineRadius
MozOutlineRadius?: Property.MozOutlineRadius<TLength> | undefined;**Syntax**:
<outline-radius>{1,4} [ / <outline-radius>{1,4} ]?
property MozTransition
MozTransition?: Property.Transition<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-transition>#
property msContentZoomLimit
msContentZoomLimit?: Property.MsContentZoomLimit | undefined;**Syntax**:
<'-ms-content-zoom-limit-min'> <'-ms-content-zoom-limit-max'>
property msContentZoomSnap
msContentZoomSnap?: Property.MsContentZoomSnap | undefined;**Syntax**:
<'-ms-content-zoom-snap-type'> || <'-ms-content-zoom-snap-points'>
property msFlex
msFlex?: Property.Flex<TLength> | 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 | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]
property msScrollLimit
msScrollLimit?: Property.MsScrollLimit | undefined;**Syntax**:
<'-ms-scroll-limit-x-min'> <'-ms-scroll-limit-y-min'> <'-ms-scroll-limit-x-max'> <'-ms-scroll-limit-y-max'>
property msScrollSnapX
msScrollSnapX?: Property.MsScrollSnapX | undefined;**Syntax**:
<'-ms-scroll-snap-type'> <'-ms-scroll-snap-points-x'>
property msScrollSnapY
msScrollSnapY?: Property.MsScrollSnapY | undefined;**Syntax**:
<'-ms-scroll-snap-type'> <'-ms-scroll-snap-points-y'>
property msTransition
msTransition?: Property.Transition<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-transition>#
property WebkitAnimation
WebkitAnimation?: Property.Animation<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>#
property WebkitBorderBefore
WebkitBorderBefore?: Property.WebkitBorderBefore<TLength> | undefined;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>
property WebkitBorderImage
WebkitBorderImage?: Property.BorderImage | 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-image-source'> || <'border-image-slice'> [ / <'border-image-width'> | / <'border-image-width'>? / <'border-image-outset'> ]? || <'border-image-repeat'>
property WebkitBorderRadius
WebkitBorderRadius?: Property.BorderRadius<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,4} [ / <length-percentage [0,∞]>{1,4} ]?
property WebkitColumnRule
WebkitColumnRule?: Property.ColumnRule<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.
**Syntax**:
<'column-rule-width'> || <'column-rule-style'> || <'column-rule-color'>
property WebkitColumns
WebkitColumns?: Property.Columns<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.
**Syntax**:
<'column-width'> || <'column-count'>
property WebkitFlex
WebkitFlex?: Property.Flex<TLength> | 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 | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]
property WebkitFlexFlow
WebkitFlexFlow?: Property.FlexFlow | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
**Syntax**:
<'flex-direction'> || <'flex-wrap'>
property WebkitMask
WebkitMask?: Property.WebkitMask<TLength> | undefined;Since December 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
[ <mask-reference> || <position> [ / <bg-size> ]? || <repeat-style> || [ <visual-box> | border | padding | content | text ] || [ <visual-box> | border | padding | content ] ]#
property WebkitMaskBoxImage
WebkitMaskBoxImage?: Property.MaskBorder | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
<'mask-border-source'> || <'mask-border-slice'> [ / <'mask-border-width'>? [ / <'mask-border-outset'> ]? ]? || <'mask-border-repeat'> || <'mask-border-mode'>
property WebkitTextEmphasis
WebkitTextEmphasis?: Property.TextEmphasis | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2022.
**Syntax**:
<'text-emphasis-style'> || <'text-emphasis-color'>
property WebkitTextStroke
WebkitTextStroke?: Property.WebkitTextStroke<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
**Syntax**:
<length> || <color>
property WebkitTransition
WebkitTransition?: Property.Transition<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-transition>#
interface VendorShorthandPropertiesHyphen
interface VendorShorthandPropertiesHyphen< TLength = (string & {}) | 0, TTime = string & {}> {}property "-moz-animation"
'-moz-animation'?: Property.Animation<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>#
property "-moz-border-image"
'-moz-border-image'?: Property.BorderImage | 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-image-source'> || <'border-image-slice'> [ / <'border-image-width'> | / <'border-image-width'>? / <'border-image-outset'> ]? || <'border-image-repeat'>
property "-moz-column-rule"
'-moz-column-rule'?: Property.ColumnRule<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.
**Syntax**:
<'column-rule-width'> || <'column-rule-style'> || <'column-rule-color'>
property "-moz-columns"
'-moz-columns'?: Property.Columns<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.
**Syntax**:
<'column-width'> || <'column-count'>
property "-moz-outline-radius"
'-moz-outline-radius'?: Property.MozOutlineRadius<TLength> | undefined;**Syntax**:
<outline-radius>{1,4} [ / <outline-radius>{1,4} ]?
property "-moz-transition"
'-moz-transition'?: Property.Transition<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-transition>#
property "-ms-content-zoom-limit"
'-ms-content-zoom-limit'?: Property.MsContentZoomLimit | undefined;**Syntax**:
<'-ms-content-zoom-limit-min'> <'-ms-content-zoom-limit-max'>
property "-ms-content-zoom-snap"
'-ms-content-zoom-snap'?: Property.MsContentZoomSnap | undefined;**Syntax**:
<'-ms-content-zoom-snap-type'> || <'-ms-content-zoom-snap-points'>
property "-ms-flex"
'-ms-flex'?: Property.Flex<TLength> | 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 | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]
property "-ms-scroll-limit"
'-ms-scroll-limit'?: Property.MsScrollLimit | undefined;**Syntax**:
<'-ms-scroll-limit-x-min'> <'-ms-scroll-limit-y-min'> <'-ms-scroll-limit-x-max'> <'-ms-scroll-limit-y-max'>
property "-ms-scroll-snap-x"
'-ms-scroll-snap-x'?: Property.MsScrollSnapX | undefined;**Syntax**:
<'-ms-scroll-snap-type'> <'-ms-scroll-snap-points-x'>
property "-ms-scroll-snap-y"
'-ms-scroll-snap-y'?: Property.MsScrollSnapY | undefined;**Syntax**:
<'-ms-scroll-snap-type'> <'-ms-scroll-snap-points-y'>
property "-ms-transition"
'-ms-transition'?: Property.Transition<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-transition>#
property "-webkit-animation"
'-webkit-animation'?: Property.Animation<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>#
property "-webkit-border-before"
'-webkit-border-before'?: Property.WebkitBorderBefore<TLength> | undefined;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>
property "-webkit-border-image"
'-webkit-border-image'?: Property.BorderImage | 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-image-source'> || <'border-image-slice'> [ / <'border-image-width'> | / <'border-image-width'>? / <'border-image-outset'> ]? || <'border-image-repeat'>
property "-webkit-border-radius"
'-webkit-border-radius'?: Property.BorderRadius<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,4} [ / <length-percentage [0,∞]>{1,4} ]?
property "-webkit-column-rule"
'-webkit-column-rule'?: Property.ColumnRule<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.
**Syntax**:
<'column-rule-width'> || <'column-rule-style'> || <'column-rule-color'>
property "-webkit-columns"
'-webkit-columns'?: Property.Columns<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.
**Syntax**:
<'column-width'> || <'column-count'>
property "-webkit-flex-flow"
'-webkit-flex-flow'?: Property.FlexFlow | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
**Syntax**:
<'flex-direction'> || <'flex-wrap'>
property "-webkit-flex"
'-webkit-flex'?: Property.Flex<TLength> | 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 | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]
property "-webkit-mask-box-image"
'-webkit-mask-box-image'?: Property.MaskBorder | undefined;This feature is not Baseline because it does not work in some of the most widely-used browsers.
**Syntax**:
<'mask-border-source'> || <'mask-border-slice'> [ / <'mask-border-width'>? [ / <'mask-border-outset'> ]? ]? || <'mask-border-repeat'> || <'mask-border-mode'>
property "-webkit-mask"
'-webkit-mask'?: Property.WebkitMask<TLength> | undefined;Since December 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
**Syntax**:
[ <mask-reference> || <position> [ / <bg-size> ]? || <repeat-style> || [ <visual-box> | border | padding | content | text ] || [ <visual-box> | border | padding | content ] ]#
property "-webkit-text-emphasis"
'-webkit-text-emphasis'?: Property.TextEmphasis | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2022.
**Syntax**:
<'text-emphasis-style'> || <'text-emphasis-color'>
property "-webkit-text-stroke"
'-webkit-text-stroke'?: Property.WebkitTextStroke<TLength> | undefined;This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
**Syntax**:
<length> || <color>
property "-webkit-transition"
'-webkit-transition'?: Property.Transition<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-transition>#
Type Aliases
type AdvancedPseudos
type AdvancedPseudos = | ':-moz-any()' | ':-moz-dir' | ':-webkit-any()' | '::cue' | '::cue-region' | '::highlight' | '::part' | '::picker' | '::slotted' | '::view-transition-group' | '::view-transition-image-pair' | '::view-transition-new' | '::view-transition-old' | ':active-view-transition-type' | ':dir' | ':has' | ':host' | ':host-context' | ':is' | ':lang' | ':matches()' | ':not' | ':nth-child' | ':nth-last-child' | ':nth-last-of-type' | ':nth-of-type' | ':state' | ':where';type AtRules
type AtRules = | '@charset' | '@container' | '@counter-style' | '@document' | '@font-face' | '@font-feature-values' | '@font-palette-values' | '@import' | '@keyframes' | '@layer' | '@media' | '@namespace' | '@page' | '@position-try' | '@property' | '@scope' | '@starting-style' | '@supports' | '@view-transition';type Fallback
type Fallback<T> = { [P in keyof T]: T[P] | readonly NonNullable<T[P]>[] };type Globals
type Globals = | '-moz-initial' | 'inherit' | 'initial' | 'revert' | 'revert-layer' | 'unset';type HtmlAttributes
type HtmlAttributes = | '[abbr]' | '[accept-charset]' | '[accept]' | '[accesskey]' | '[action]' | '[align]' | '[alink]' | '[allow]' | '[allowfullscreen]' | '[allowpaymentrequest]' | '[alpha]' | '[alt]' | '[anchor]' | '[archive]' | '[as]' | '[async]' | '[attributionsourceid]' | '[attributionsrc]' | '[autobuffer]' | '[autocapitalize]' | '[autocomplete]' | '[autocorrect]' | '[autofocus]' | '[autoplay]' | '[axis]' | '[background]' | '[behavior]' | '[bgcolor]' | '[blocking]' | '[border]' | '[bottommargin]' | '[browsingtopics]' | '[capture]' | '[cellpadding]' | '[cellspacing]' | '[char]' | '[charoff]' | '[charset]' | '[checked]' | '[cite]' | '[class]' | '[classid]' | '[clear]' | '[closedby]' | '[codebase]' | '[codetype]' | '[color]' | '[colorspace]' | '[cols]' | '[colspan]' | '[command]' | '[commandfor]' | '[compact]' | '[content]' | '[contenteditable]' | '[controls]' | '[controlslist]' | '[coords]' | '[credentialless]' | '[cross-origin-top-navigation-by-user-activation]' | '[crossorigin]' | '[csp]' | '[data]' | '[datetime]' | '[declare]' | '[decoding]' | '[default]' | '[defer]' | '[dir]' | '[direction]' | '[dirname]' | '[disabled]' | '[disablepictureinpicture]' | '[disableremoteplayback]' | '[download]' | '[draggable]' | '[enctype]' | '[enterkeyhint]' | '[exportparts]' | '[face]' | '[fetchpriority]' | '[for]' | '[form]' | '[formaction]' | '[formenctype]' | '[formmethod]' | '[formnovalidate]' | '[formtarget]' | '[frame]' | '[frameborder]' | '[headers]' | '[height]' | '[hidden]' | '[high]' | '[href]' | '[hreflang]' | '[hreftranslate]' | '[hspace]' | '[http-equiv]' | '[id]' | '[imagesizes]' | '[imagesrcset]' | '[inert]' | '[inputmode]' | '[integrity]' | '[is]' | '[ismap]' | '[kind]' | '[label]' | '[lang]' | '[leftmargin]' | '[link]' | '[list]' | '[loading]' | '[longdesc]' | '[loop]' | '[low]' | '[marginheight]' | '[marginwidth]' | '[max]' | '[maxlength]' | '[media]' | '[method]' | '[min]' | '[minlength]' | '[moz-opaque]' | '[mozallowfullscreen]' | '[msallowfullscreen]' | '[multiple]' | '[muted]' | '[name]' | '[nohref]' | '[nomodule]' | '[nonce]' | '[noresize]' | '[noshade]' | '[novalidate]' | '[open]' | '[optimum]' | '[part]' | '[pattern]' | '[ping]' | '[placeholder]' | '[playsinline]' | '[popover]' | '[popovertarget]' | '[popovertargetaction]' | '[poster]' | '[preload]' | '[privateToken]' | '[readonly]' | '[referrerpolicy]' | '[rel]' | '[required]' | '[rev]' | '[reversed]' | '[rightmargin]' | '[rows]' | '[rowspan]' | '[rules]' | '[sandbox]' | '[scheme]' | '[scope]' | '[scrollamount]' | '[scrolldelay]' | '[scrolling]' | '[selected]' | '[shadowroot]' | '[shadowrootclonable]' | '[shadowrootdelegatesfocus]' | '[shadowrootmode]' | '[shadowrootserializable]' | '[shape]' | '[size]' | '[sizes]' | '[slot]' | '[span]' | '[spellcheck]' | '[src]' | '[srcdoc]' | '[srclang]' | '[srcset]' | '[standby]' | '[start]' | '[step]' | '[style]' | '[summary]' | '[tabindex]' | '[target]' | '[text]' | '[title]' | '[topmargin]' | '[translate]' | '[truespeed]' | '[type]' | '[usemap]' | '[valign]' | '[value]' | '[valuetype]' | '[version]' | '[virtualkeyboardpolicy]' | '[vlink]' | '[vspace]' | '[webkit-playsinline]' | '[webkitallowfullscreen]' | '[webkitdirectory]' | '[width]' | '[wrap]' | '[writingsuggestions]' | '[xmlns]';type ObsoletePropertiesFallback
type ObsoletePropertiesFallback< TLength = (string & {}) | 0, TTime = string & {}> = Fallback<ObsoleteProperties<TLength, TTime>>;type ObsoletePropertiesHyphenFallback
type ObsoletePropertiesHyphenFallback< TLength = (string & {}) | 0, TTime = string & {}> = Fallback<ObsoletePropertiesHyphen<TLength, TTime>>;type PropertyValue
type PropertyValue<TValue> = TValue extends Array<infer AValue> ? Array<AValue extends infer TUnpacked & {} ? TUnpacked : AValue> : TValue extends infer TUnpacked & {} ? TUnpacked : TValue;type Pseudos
type Pseudos = AdvancedPseudos | SimplePseudos;type SimplePseudos
type SimplePseudos = | ':-khtml-any-link' | ':-moz-any-link' | ':-moz-focusring' | ':-moz-full-screen' | ':-moz-placeholder' | ':-moz-read-only' | ':-moz-read-write' | ':-moz-ui-invalid' | ':-moz-ui-valid' | ':-ms-fullscreen' | ':-ms-input-placeholder' | ':-webkit-any-link' | ':-webkit-autofill' | ':-webkit-full-screen' | '::-moz-placeholder' | '::-moz-progress-bar' | '::-moz-range-progress' | '::-moz-range-thumb' | '::-moz-range-track' | '::-moz-selection' | '::-ms-backdrop' | '::-ms-browse' | '::-ms-check' | '::-ms-clear' | '::-ms-expand' | '::-ms-fill' | '::-ms-fill-lower' | '::-ms-fill-upper' | '::-ms-input-placeholder' | '::-ms-reveal' | '::-ms-thumb' | '::-ms-ticks-after' | '::-ms-ticks-before' | '::-ms-tooltip' | '::-ms-track' | '::-ms-value' | '::-webkit-backdrop' | '::-webkit-file-upload-button' | '::-webkit-input-placeholder' | '::-webkit-progress-bar' | '::-webkit-progress-inner-value' | '::-webkit-progress-value' | '::-webkit-slider-runnable-track' | '::-webkit-slider-thumb' | '::after' | '::backdrop' | '::before' | '::checkmark' | '::cue' | '::cue-region' | '::details-content' | '::file-selector-button' | '::first-letter' | '::first-line' | '::grammar-error' | '::marker' | '::picker-icon' | '::placeholder' | '::scroll-marker' | '::scroll-marker-group' | '::selection' | '::spelling-error' | '::target-text' | '::view-transition' | ':active' | ':active-view-transition' | ':after' | ':any-link' | ':autofill' | ':before' | ':blank' | ':buffering' | ':checked' | ':current' | ':default' | ':defined' | ':disabled' | ':empty' | ':enabled' | ':first' | ':first-child' | ':first-letter' | ':first-line' | ':first-of-type' | ':focus' | ':focus-visible' | ':focus-within' | ':fullscreen' | ':future' | ':has-slotted' | ':host' | ':hover' | ':in-range' | ':indeterminate' | ':invalid' | ':last-child' | ':last-of-type' | ':left' | ':link' | ':local-link' | ':modal' | ':muted' | ':only-child' | ':only-of-type' | ':open' | ':optional' | ':out-of-range' | ':past' | ':paused' | ':picture-in-picture' | ':placeholder-shown' | ':playing' | ':popover-open' | ':read-only' | ':read-write' | ':required' | ':right' | ':root' | ':scope' | ':seeking' | ':stalled' | ':target' | ':target-current' | ':target-within' | ':user-invalid' | ':user-valid' | ':valid' | ':visited' | ':volume-locked' | ':xr-overlay';type StandardLonghandPropertiesFallback
type StandardLonghandPropertiesFallback< TLength = (string & {}) | 0, TTime = string & {}> = Fallback<StandardLonghandProperties<TLength, TTime>>;type StandardLonghandPropertiesHyphenFallback
type StandardLonghandPropertiesHyphenFallback< TLength = (string & {}) | 0, TTime = string & {}> = Fallback<StandardLonghandPropertiesHyphen<TLength, TTime>>;type StandardShorthandPropertiesFallback
type StandardShorthandPropertiesFallback< TLength = (string & {}) | 0, TTime = string & {}> = Fallback<StandardShorthandProperties<TLength, TTime>>;type StandardShorthandPropertiesHyphenFallback
type StandardShorthandPropertiesHyphenFallback< TLength = (string & {}) | 0, TTime = string & {}> = Fallback<StandardShorthandPropertiesHyphen<TLength, TTime>>;type SvgAttributes
type SvgAttributes = | '[-khtml-opacity]' | '[-moz-opacity]' | '[-moz-transform]' | '[-ms-text-overflow]' | '[-ms-transform]' | '[-ms-writing-mode]' | '[-o-text-overflow]' | '[-o-transform]' | '[-webkit-mask]' | '[-webkit-transform]' | '[-webkit-writing-mode]' | '[alignment-baseline]' | '[async]' | '[attributeName]' | '[attributeType]' | '[autofocus]' | '[azimuth]' | '[baseFrequency]' | '[baseProfile]' | '[baseline-shift]' | '[bias]' | '[by]' | '[calcMode]' | '[class]' | '[clip-path]' | '[clip-rule]' | '[clipPathUnits]' | '[clip]' | '[color-interpolation-filters]' | '[color-interpolation]' | '[color]' | '[crossorigin]' | '[cursor]' | '[cx]' | '[cy]' | '[d]' | '[decoding]' | '[defer]' | '[diffuseConstant]' | '[direction]' | '[display]' | '[divisor]' | '[dominant-baseline]' | '[download]' | '[dur]' | '[dx]' | '[dy]' | '[edgeMode]' | '[elevation]' | '[fetchpriority]' | '[fill-opacity]' | '[fill-rule]' | '[fill]' | '[filterUnits]' | '[filter]' | '[flood-color]' | '[flood-opacity]' | '[font-family]' | '[font-size-adjust]' | '[font-size]' | '[font-stretch]' | '[font-style]' | '[font-variant]' | '[font-weight]' | '[font-width]' | '[fr]' | '[from]' | '[fx]' | '[fy]' | '[glyph-orientation-horizontal]' | '[glyph-orientation-vertical]' | '[gradientTransform]' | '[gradientUnits]' | '[height]' | '[href]' | '[hreflang]' | '[id]' | '[image-rendering]' | '[in2]' | '[in]' | '[k1]' | '[k2]' | '[k3]' | '[k4]' | '[kernelMatrix]' | '[kernelUnitLength]' | '[keyPoints]' | '[lang]' | '[lengthAdjust]' | '[letter-spacing]' | '[lighting-color]' | '[limitingConeAngle]' | '[marker-end]' | '[marker-mid]' | '[marker-start]' | '[markerHeight]' | '[markerUnits]' | '[markerWidth]' | '[maskContentUnits]' | '[maskUnits]' | '[mask]' | '[media]' | '[mode]' | '[numOctaves]' | '[offset]' | '[opacity]' | '[operator]' | '[order]' | '[orient]' | '[origin]' | '[overflow]' | '[paint-order]' | '[path]' | '[patternContentUnits]' | '[patternTransform]' | '[patternUnits]' | '[ping]' | '[pointer-events]' | '[pointsAtX]' | '[pointsAtY]' | '[pointsAtZ]' | '[points]' | '[preserveAlpha]' | '[preserveAspectRatio]' | '[primitiveUnits]' | '[r]' | '[radius]' | '[refX]' | '[refY]' | '[referrerpolicy]' | '[rel]' | '[repeatCount]' | '[requiredExtensions]' | '[rotate]' | '[rx]' | '[ry]' | '[scale]' | '[seed]' | '[shape-rendering]' | '[side]' | '[spacing]' | '[specularConstant]' | '[specularExponent]' | '[spreadMethod]' | '[startOffset]' | '[stdDeviation]' | '[stitchTiles]' | '[stop-color]' | '[stop-opacity]' | '[stroke-dasharray]' | '[stroke-dashoffset]' | '[stroke-linecap]' | '[stroke-linejoin]' | '[stroke-miterlimit]' | '[stroke-opacity]' | '[stroke-width]' | '[stroke]' | '[style]' | '[surfaceScale]' | '[systemLanguage]' | '[tabindex]' | '[targetX]' | '[targetY]' | '[target]' | '[text-anchor]' | '[text-decoration]' | '[text-overflow]' | '[text-rendering]' | '[textLength]' | '[title]' | '[to]' | '[transform-origin]' | '[transform]' | '[type]' | '[unicode-bidi]' | '[values]' | '[vector-effect]' | '[version]' | '[viewBox]' | '[visibility]' | '[white-space]' | '[width]' | '[word-spacing]' | '[writing-mode]' | '[x1]' | '[x2]' | '[xChannelSelector]' | '[x]' | '[y1]' | '[y2]' | '[yChannelSelector]' | '[y]' | '[z]' | '[zoomAndPan]';type SvgPropertiesFallback
type SvgPropertiesFallback< TLength = (string & {}) | 0, TTime = string & {}> = Fallback<SvgProperties<TLength, TTime>>;type SvgPropertiesHyphenFallback
type SvgPropertiesHyphenFallback< TLength = (string & {}) | 0, TTime = string & {}> = Fallback<SvgPropertiesHyphen<TLength, TTime>>;type VendorLonghandPropertiesFallback
type VendorLonghandPropertiesFallback< TLength = (string & {}) | 0, TTime = string & {}> = Fallback<VendorLonghandProperties<TLength, TTime>>;type VendorLonghandPropertiesHyphenFallback
type VendorLonghandPropertiesHyphenFallback< TLength = (string & {}) | 0, TTime = string & {}> = Fallback<VendorLonghandPropertiesHyphen<TLength, TTime>>;type VendorShorthandPropertiesFallback
type VendorShorthandPropertiesFallback< TLength = (string & {}) | 0, TTime = string & {}> = Fallback<VendorShorthandProperties<TLength, TTime>>;type VendorShorthandPropertiesHyphenFallback
type VendorShorthandPropertiesHyphenFallback< TLength = (string & {}) | 0, TTime = string & {}> = Fallback<VendorShorthandPropertiesHyphen<TLength, TTime>>;Namespaces
namespace AtRule
namespace AtRule {}interface CounterStyle
interface CounterStyle<TLength = (string & {}) | 0, TTime = string & {}> {}property additiveSymbols
additiveSymbols?: string | undefined;property fallback
fallback?: string | undefined;property negative
negative?: string | undefined;property pad
pad?: string | undefined;property prefix
prefix?: string | undefined;property range
range?: Range | undefined;property speakAs
speakAs?: SpeakAs | undefined;property suffix
suffix?: string | undefined;property symbols
symbols?: string | undefined;property system
system?: System | undefined;interface CounterStyleHyphen
interface CounterStyleHyphen<TLength = (string & {}) | 0, TTime = string & {}> {}property "additive-symbols"
'additive-symbols'?: string | undefined;property "speak-as"
'speak-as'?: SpeakAs | undefined;property fallback
fallback?: string | undefined;property negative
negative?: string | undefined;property pad
pad?: string | undefined;property prefix
prefix?: string | undefined;property range
range?: Range | undefined;property suffix
suffix?: string | undefined;property symbols
symbols?: string | undefined;property system
system?: System | undefined;interface FontFace
interface FontFace<TLength = (string & {}) | 0, TTime = string & {}> {}property ascentOverride
ascentOverride?: AscentOverride | undefined;property descentOverride
descentOverride?: DescentOverride | undefined;property fontDisplay
fontDisplay?: FontDisplay | undefined;property fontFamily
fontFamily?: string | undefined;property fontFeatureSettings
fontFeatureSettings?: FontFeatureSettings | undefined;property fontStretch
fontStretch?: FontStretch | undefined;property fontStyle
fontStyle?: FontStyle | undefined;property fontVariationSettings
fontVariationSettings?: FontVariationSettings | undefined;property fontWeight
fontWeight?: FontWeight | undefined;property lineGapOverride
lineGapOverride?: LineGapOverride | undefined;property MozFontFeatureSettings
MozFontFeatureSettings?: FontFeatureSettings | undefined;property sizeAdjust
sizeAdjust?: string | undefined;property src
src?: string | undefined;property unicodeRange
unicodeRange?: string | undefined;interface FontFaceHyphen
interface FontFaceHyphen<TLength = (string & {}) | 0, TTime = string & {}> {}property "-moz-font-feature-settings"
'-moz-font-feature-settings'?: FontFeatureSettings | undefined;property "ascent-override"
'ascent-override'?: AscentOverride | undefined;property "descent-override"
'descent-override'?: DescentOverride | undefined;property "font-display"
'font-display'?: FontDisplay | undefined;property "font-family"
'font-family'?: string | undefined;property "font-feature-settings"
'font-feature-settings'?: FontFeatureSettings | undefined;property "font-stretch"
'font-stretch'?: FontStretch | undefined;property "font-style"
'font-style'?: FontStyle | undefined;property "font-variation-settings"
'font-variation-settings'?: FontVariationSettings | undefined;property "font-weight"
'font-weight'?: FontWeight | undefined;property "line-gap-override"
'line-gap-override'?: LineGapOverride | undefined;property "size-adjust"
'size-adjust'?: string | undefined;property "unicode-range"
'unicode-range'?: string | undefined;property src
src?: string | undefined;interface FontPaletteValues
interface FontPaletteValues<TLength = (string & {}) | 0, TTime = string & {}> {}property basePalette
basePalette?: BasePalette | undefined;property fontFamily
fontFamily?: string | undefined;property overrideColors
overrideColors?: string | undefined;interface FontPaletteValuesHyphen
interface FontPaletteValuesHyphen< TLength = (string & {}) | 0, TTime = string & {}> {}property "base-palette"
'base-palette'?: BasePalette | undefined;property "font-family"
'font-family'?: string | undefined;property "override-colors"
'override-colors'?: string | undefined;interface Page
interface Page<TLength = (string & {}) | 0, TTime = string & {}> {}property bleed
bleed?: Bleed<TLength> | undefined;property marks
marks?: Marks | undefined;property pageOrientation
pageOrientation?: PageOrientation | undefined;property size
size?: Size<TLength> | undefined;interface PageHyphen
interface PageHyphen<TLength = (string & {}) | 0, TTime = string & {}> {}property "page-orientation"
'page-orientation'?: PageOrientation | undefined;property bleed
bleed?: Bleed<TLength> | undefined;property marks
marks?: Marks | undefined;property size
size?: Size<TLength> | undefined;interface Property
interface Property<TLength = (string & {}) | 0, TTime = string & {}> {}property inherits
inherits?: Inherits | undefined;property initialValue
initialValue?: string | undefined;property syntax
syntax?: string | undefined;interface PropertyHyphen
interface PropertyHyphen<TLength = (string & {}) | 0, TTime = string & {}> {}property "initial-value"
'initial-value'?: string | undefined;property inherits
inherits?: Inherits | undefined;property syntax
syntax?: string | undefined;interface ViewTransition
interface ViewTransition<TLength = (string & {}) | 0, TTime = string & {}> {}property navigation
navigation?: Navigation | undefined;property types
types?: Types | undefined;interface ViewTransitionHyphen
interface ViewTransitionHyphen<TLength = (string & {}) | 0, TTime = string & {}> {}property navigation
navigation?: Navigation | undefined;property types
types?: Types | undefined;type AscentOverride
type AscentOverride = 'normal' | (string & {});type BasePalette
type BasePalette = 'dark' | 'light' | (number & {}) | (string & {});type Bleed
type Bleed<TLength> = TLength | 'auto';type CounterStyleFallback
type CounterStyleFallback< TLength = (string & {}) | 0, TTime = string & {}> = Fallback<CounterStyle<TLength, TTime>>;type CounterStyleHyphenFallback
type CounterStyleHyphenFallback< TLength = (string & {}) | 0, TTime = string & {}> = Fallback<CounterStyleHyphen<TLength, TTime>>;type DescentOverride
type DescentOverride = 'normal' | (string & {});type FontDisplay
type FontDisplay = 'auto' | 'block' | 'fallback' | 'optional' | 'swap';type FontFaceFallback
type FontFaceFallback<TLength = (string & {}) | 0, TTime = string & {}> = Fallback< FontFace<TLength, TTime>>;type FontFaceHyphenFallback
type FontFaceHyphenFallback< TLength = (string & {}) | 0, TTime = string & {}> = Fallback<FontFaceHyphen<TLength, TTime>>;type FontFeatureSettings
type FontFeatureSettings = 'normal' | (string & {});type FontPaletteValuesFallback
type FontPaletteValuesFallback< TLength = (string & {}) | 0, TTime = string & {}> = Fallback<FontPaletteValues<TLength, TTime>>;type FontPaletteValuesHyphenFallback
type FontPaletteValuesHyphenFallback< TLength = (string & {}) | 0, TTime = string & {}> = Fallback<FontPaletteValuesHyphen<TLength, TTime>>;type FontStretch
type FontStretch = DataType.FontStretchAbsolute | (string & {});type FontStyle
type FontStyle = 'italic' | 'normal' | 'oblique' | (string & {});type FontVariationSettings
type FontVariationSettings = 'normal' | (string & {});type FontWeight
type FontWeight = DataType.FontWeightAbsolute | (string & {});type Inherits
type Inherits = 'false' | 'true';type LineGapOverride
type LineGapOverride = 'normal' | (string & {});type Marks
type Marks = 'crop' | 'cross' | 'none' | (string & {});type Navigation
type Navigation = 'auto' | 'none';type PageFallback
type PageFallback<TLength = (string & {}) | 0, TTime = string & {}> = Fallback< Page<TLength, TTime>>;type PageHyphenFallback
type PageHyphenFallback<TLength = (string & {}) | 0, TTime = string & {}> = Fallback< PageHyphen<TLength, TTime>>;type PageOrientation
type PageOrientation = 'rotate-left' | 'rotate-right' | 'upright';type PropertyFallback
type PropertyFallback<TLength = (string & {}) | 0, TTime = string & {}> = Fallback< Property<TLength, TTime>>;type PropertyHyphenFallback
type PropertyHyphenFallback< TLength = (string & {}) | 0, TTime = string & {}> = Fallback<PropertyHyphen<TLength, TTime>>;type Range
type Range = 'auto' | (string & {});type Size
type Size<TLength> = | DataType.PageSize | TLength | 'auto' | 'landscape' | 'portrait' | (string & {});type SpeakAs
type SpeakAs = | 'auto' | 'bullets' | 'numbers' | 'spell-out' | 'words' | (string & {});type System
type System = | 'additive' | 'alphabetic' | 'cyclic' | 'fixed' | 'numeric' | 'symbolic' | (string & {});type Types
type Types = 'none' | (string & {});type ViewTransitionFallback
type ViewTransitionFallback< TLength = (string & {}) | 0, TTime = string & {}> = Fallback<ViewTransition<TLength, TTime>>;type ViewTransitionHyphenFallback
type ViewTransitionHyphenFallback< TLength = (string & {}) | 0, TTime = string & {}> = Fallback<ViewTransitionHyphen<TLength, TTime>>;namespace DataType
namespace DataType {}**Attention!** Data types receives its name from the spec. E.g.
<color>becomesDataType.Colorand<content-distribution>becomesDataType.ContentDistribution. It happens quite frequent that these data types are split into several data types or/and name changes as the spec develops. So there's a risk that a minor/patch update fromcsstypecan break your typing if you're using theDataTypenamespace.
type AbsoluteSize
type AbsoluteSize = | 'large' | 'medium' | 'small' | 'x-large' | 'x-small' | 'xx-large' | 'xx-small' | 'xxx-large';type AnimateableFeature
type AnimateableFeature = 'contents' | 'scroll-position' | (string & {});type Attachment
type Attachment = 'fixed' | 'local' | 'scroll';type Autospace
type Autospace = | 'ideograph-alpha' | 'ideograph-numeric' | 'insert' | 'no-autospace' | 'punctuation' | 'replace' | (string & {});type BgClip
type BgClip = VisualBox | 'border-area' | 'text';type BgLayer
type BgLayer<TLength> = | BgPosition<TLength> | RepeatStyle | Attachment | VisualBox | 'none' | (string & {});type BgPosition
type BgPosition<TLength> = | TLength | 'bottom' | 'center' | 'left' | 'right' | 'top' | (string & {});type BgSize
type BgSize<TLength> = TLength | 'auto' | 'contain' | 'cover' | (string & {});type BlendMode
type BlendMode = | 'color' | 'color-burn' | 'color-dodge' | 'darken' | 'difference' | 'exclusion' | 'hard-light' | 'hue' | 'lighten' | 'luminosity' | 'multiply' | 'normal' | 'overlay' | 'saturation' | 'screen' | 'soft-light';type Color
type Color = | ColorBase | SystemColor | DeprecatedSystemColor | 'currentColor' | (string & {});type ColorBase
type ColorBase = NamedColor | 'transparent' | (string & {});type CompatAuto
type CompatAuto = | 'button' | 'checkbox' | 'listbox' | 'menulist' | 'meter' | 'progress-bar' | 'radio' | 'searchfield' | 'textarea';type CompositeStyle
type CompositeStyle = | 'clear' | 'copy' | 'destination-atop' | 'destination-in' | 'destination-out' | 'destination-over' | 'source-atop' | 'source-in' | 'source-out' | 'source-over' | 'xor';type CompositingOperator
type CompositingOperator = 'add' | 'exclude' | 'intersect' | 'subtract';type ContentDistribution
type ContentDistribution = | 'space-around' | 'space-between' | 'space-evenly' | 'stretch';type ContentPosition
type ContentPosition = 'center' | 'end' | 'flex-end' | 'flex-start' | 'start';type CubicBezierEasingFunction
type CubicBezierEasingFunction = | 'ease' | 'ease-in' | 'ease-in-out' | 'ease-out' | (string & {});type CursorPredefined
type CursorPredefined = | '-moz-grab' | '-moz-zoom-in' | '-moz-zoom-out' | '-webkit-grab' | '-webkit-grabbing' | '-webkit-zoom-in' | '-webkit-zoom-out' | 'alias' | 'all-scroll' | 'auto' | 'cell' | 'col-resize' | 'context-menu' | 'copy' | 'crosshair' | 'default' | 'e-resize' | 'ew-resize' | 'grab' | 'grabbing' | 'help' | 'move' | 'n-resize' | 'ne-resize' | 'nesw-resize' | 'no-drop' | 'none' | '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';type Dasharray
type Dasharray<TLength> = TLength | (string & {}) | (number & {});type DeprecatedSystemColor
type DeprecatedSystemColor = | 'ActiveBorder' | 'ActiveCaption' | 'AppWorkspace' | 'Background' | 'ButtonHighlight' | 'ButtonShadow' | 'CaptionText' | 'InactiveBorder' | 'InactiveCaption' | 'InactiveCaptionText' | 'InfoBackground' | 'InfoText' | 'Menu' | 'MenuText' | 'Scrollbar' | 'ThreeDDarkShadow' | 'ThreeDFace' | 'ThreeDHighlight' | 'ThreeDLightShadow' | 'ThreeDShadow' | 'Window' | 'WindowFrame' | 'WindowText';type DisplayInside
type DisplayInside = | '-ms-flexbox' | '-ms-grid' | '-webkit-flex' | 'flex' | 'flow' | 'flow-root' | 'grid' | 'ruby' | 'table';type DisplayInternal
type DisplayInternal = | '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';type DisplayLegacy
type DisplayLegacy = | '-ms-inline-flexbox' | '-ms-inline-grid' | '-webkit-inline-flex' | 'inline-block' | 'inline-flex' | 'inline-grid' | 'inline-list-item' | 'inline-table';type DisplayOutside
type DisplayOutside = 'block' | 'inline' | 'run-in';type EasingFunction
type EasingFunction = | CubicBezierEasingFunction | StepEasingFunction | 'linear' | (string & {});type EastAsianVariantValues
type EastAsianVariantValues = | 'jis04' | 'jis78' | 'jis83' | 'jis90' | 'simplified' | 'traditional';type FinalBgLayer
type FinalBgLayer<TLength> = | BgPosition<TLength> | RepeatStyle | Attachment | VisualBox | Color | 'none' | (string & {});type FontStretchAbsolute
type FontStretchAbsolute = | 'condensed' | 'expanded' | 'extra-condensed' | 'extra-expanded' | 'normal' | 'semi-condensed' | 'semi-expanded' | 'ultra-condensed' | 'ultra-expanded' | (string & {});type FontWeightAbsolute
type FontWeightAbsolute = 'bold' | 'normal' | (number & {}) | (string & {});type GenericComplete
type GenericComplete = | '-apple-system' | 'cursive' | 'fantasy' | 'math' | 'monospace' | 'sans-serif' | 'serif' | 'system-ui';type GenericFamily
type GenericFamily = GenericComplete | GenericIncomplete | 'emoji' | 'fangsong';type GenericIncomplete
type GenericIncomplete = | 'ui-monospace' | 'ui-rounded' | 'ui-sans-serif' | 'ui-serif';type GeometryBox
type GeometryBox = VisualBox | 'fill-box' | 'margin-box' | 'stroke-box' | 'view-box';type GridLine
type GridLine = 'auto' | (string & {}) | (number & {});type LineStyle
type LineStyle = | 'dashed' | 'dotted' | 'double' | 'groove' | 'hidden' | 'inset' | 'none' | 'outset' | 'ridge' | 'solid';type LineWidth
type LineWidth<TLength> = TLength | 'medium' | 'thick' | 'thin';type MaskingMode
type MaskingMode = 'alpha' | 'luminance' | 'match-source';type MaskLayer
type MaskLayer<TLength> = | Position<TLength> | RepeatStyle | GeometryBox | CompositingOperator | MaskingMode | 'no-clip' | 'none' | (string & {});type NamedColor
type NamedColor = | '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' | 'turquoise' | 'violet' | 'wheat' | 'white' | 'whitesmoke' | 'yellow' | 'yellowgreen';type OutlineLineStyle
type OutlineLineStyle = | 'dashed' | 'dotted' | 'double' | 'groove' | 'inset' | 'none' | 'outset' | 'ridge' | 'solid';type PageSize
type PageSize = | 'A3' | 'A4' | 'A5' | 'B4' | 'B5' | 'JIS-B4' | 'JIS-B5' | 'ledger' | 'legal' | 'letter';type Paint
type Paint = Color | 'context-fill' | 'context-stroke' | 'none' | (string & {});type PaintBox
type PaintBox = VisualBox | 'fill-box' | 'stroke-box';type Position
type Position<TLength> = | TLength | 'bottom' | 'center' | 'left' | 'right' | 'top' | (string & {});type PositionArea
type PositionArea = | 'block-end' | 'block-start' | 'bottom' | 'center' | 'end' | 'inline-end' | 'inline-start' | 'left' | 'right' | 'self-block-end' | 'self-block-start' | 'self-end' | 'self-inline-end' | 'self-inline-start' | 'self-start' | 'span-all' | 'span-block-end' | 'span-block-start' | 'span-bottom' | 'span-end' | 'span-inline-end' | 'span-inline-start' | 'span-left' | 'span-right' | 'span-self-block-end' | 'span-self-block-start' | 'span-self-end' | 'span-self-inline-end' | 'span-self-inline-start' | 'span-self-start' | 'span-start' | 'span-top' | 'span-x-end' | 'span-x-self-end' | 'span-x-self-start' | 'span-x-start' | 'span-y-end' | 'span-y-self-end' | 'span-y-self-start' | 'span-y-start' | 'start' | 'top' | 'x-end' | 'x-self-end' | 'x-self-start' | 'x-start' | 'y-end' | 'y-self-end' | 'y-self-start' | 'y-start' | (string & {});type Quote
type Quote = 'close-quote' | 'no-close-quote' | 'no-open-quote' | 'open-quote';type RepeatStyle
type RepeatStyle = | 'no-repeat' | 'repeat' | 'repeat-x' | 'repeat-y' | 'round' | 'space' | (string & {});type SelfPosition
type SelfPosition = | 'center' | 'end' | 'flex-end' | 'flex-start' | 'self-end' | 'self-start' | 'start';type SingleAnimation
type SingleAnimation<TTime> = | EasingFunction | SingleAnimationDirection | SingleAnimationFillMode | SingleAnimationTimeline | TTime | 'auto' | 'infinite' | 'none' | 'paused' | 'running' | (string & {}) | (number & {});type SingleAnimationComposition
type SingleAnimationComposition = 'accumulate' | 'add' | 'replace';type SingleAnimationDirection
type SingleAnimationDirection = | 'alternate' | 'alternate-reverse' | 'normal' | 'reverse';type SingleAnimationFillMode
type SingleAnimationFillMode = 'backwards' | 'both' | 'forwards' | 'none';type SingleAnimationTimeline
type SingleAnimationTimeline = 'auto' | 'none' | (string & {});type SingleTransition
type SingleTransition<TTime> = | EasingFunction | TTime | 'all' | 'allow-discrete' | 'none' | 'normal' | (string & {});type StepEasingFunction
type StepEasingFunction = 'step-end' | 'step-start' | (string & {});type SystemColor
type SystemColor = | 'AccentColor' | 'AccentColorText' | 'ActiveText' | 'ButtonBorder' | 'ButtonFace' | 'ButtonText' | 'Canvas' | 'CanvasText' | 'Field' | 'FieldText' | 'GrayText' | 'Highlight' | 'HighlightText' | 'LinkText' | 'Mark' | 'MarkText' | 'SelectedItem' | 'SelectedItemText' | 'VisitedText';type SystemFamilyName
type SystemFamilyName = | 'caption' | 'icon' | 'menu' | 'message-box' | 'small-caption' | 'status-bar';type TextEdge
type TextEdge = | 'cap' | 'ex' | 'ideographic' | 'ideographic-ink' | 'text' | (string & {});type TimelineRangeName
type TimelineRangeName = | 'contain' | 'cover' | 'entry' | 'entry-crossing' | 'exit' | 'exit-crossing';type TrackBreadth
type TrackBreadth<TLength> = | TLength | 'auto' | 'max-content' | 'min-content' | (string & {});type TrySize
type TrySize = 'most-block-size' | 'most-height' | 'most-inline-size' | 'most-width';type TryTactic
type TryTactic = 'flip-block' | 'flip-inline' | 'flip-start' | (string & {});type VisualBox
type VisualBox = 'border-box' | 'content-box' | 'padding-box';namespace Property
namespace Property {}type AccentColor
type AccentColor = Globals | DataType.Color | 'auto';type AlignContent
type AlignContent = | Globals | DataType.ContentDistribution | DataType.ContentPosition | 'baseline' | 'normal' | (string & {});type AlignItems
type AlignItems = | Globals | DataType.SelfPosition | 'anchor-center' | 'baseline' | 'normal' | 'stretch' | (string & {});type AlignmentBaseline
type AlignmentBaseline = | Globals | 'alphabetic' | 'baseline' | 'central' | 'ideographic' | 'mathematical' | 'middle' | 'text-after-edge' | 'text-before-edge';type AlignSelf
type AlignSelf = | Globals | DataType.SelfPosition | 'anchor-center' | 'auto' | 'baseline' | 'normal' | 'stretch' | (string & {});type AlignTracks
type AlignTracks = | Globals | DataType.ContentDistribution | DataType.ContentPosition | 'baseline' | 'normal' | (string & {});type All
type All = Globals;type AnchorName
type AnchorName = Globals | 'none' | (string & {});type AnchorScope
type AnchorScope = Globals | 'all' | 'none' | (string & {});type Animation
type Animation<TTime = string & {}> = | Globals | DataType.SingleAnimation<TTime> | (string & {});type AnimationComposition
type AnimationComposition = | Globals | DataType.SingleAnimationComposition | (string & {});type AnimationDelay
type AnimationDelay<TTime = string & {}> = Globals | TTime | (string & {});type AnimationDirection
type AnimationDirection = | Globals | DataType.SingleAnimationDirection | (string & {});type AnimationDuration
type AnimationDuration<TTime = string & {}> = | Globals | TTime | 'auto' | (string & {});type AnimationFillMode
type AnimationFillMode = Globals | DataType.SingleAnimationFillMode | (string & {});type AnimationIterationCount
type AnimationIterationCount = Globals | 'infinite' | (string & {}) | (number & {});type AnimationName
type AnimationName = Globals | 'none' | (string & {});type AnimationPlayState
type AnimationPlayState = Globals | 'paused' | 'running' | (string & {});type AnimationRange
type AnimationRange<TLength = (string & {}) | 0> = | Globals | DataType.TimelineRangeName | TLength | 'normal' | (string & {});type AnimationRangeEnd
type AnimationRangeEnd<TLength = (string & {}) | 0> = | Globals | DataType.TimelineRangeName | TLength | 'normal' | (string & {});type AnimationRangeStart
type AnimationRangeStart<TLength = (string & {}) | 0> = | Globals | DataType.TimelineRangeName | TLength | 'normal' | (string & {});type AnimationTimeline
type AnimationTimeline = Globals | DataType.SingleAnimationTimeline | (string & {});type AnimationTimingFunction
type AnimationTimingFunction = Globals | DataType.EasingFunction | (string & {});type Appearance
type Appearance = | Globals | DataType.CompatAuto | 'auto' | 'menulist-button' | 'none' | 'textfield';type AspectRatio
type AspectRatio = Globals | 'auto' | (string & {}) | (number & {});type BackdropFilter
type BackdropFilter = Globals | 'none' | (string & {});type BackfaceVisibility
type BackfaceVisibility = Globals | 'hidden' | 'visible';type Background
type Background<TLength = (string & {}) | 0> = | Globals | DataType.BgLayer<TLength> | DataType.FinalBgLayer<TLength> | (string & {});type BackgroundAttachment
type BackgroundAttachment = Globals | DataType.Attachment | (string & {});type BackgroundBlendMode
type BackgroundBlendMode = Globals | DataType.BlendMode | (string & {});type BackgroundClip
type BackgroundClip = Globals | DataType.BgClip | (string & {});type BackgroundColor
type BackgroundColor = Globals | DataType.Color;type BackgroundImage
type BackgroundImage = Globals | 'none' | (string & {});type BackgroundOrigin
type BackgroundOrigin = Globals | DataType.VisualBox | (string & {});type BackgroundPosition
type BackgroundPosition<TLength = (string & {}) | 0> = | Globals | DataType.BgPosition<TLength> | (string & {});type BackgroundPositionX
type BackgroundPositionX<TLength = (string & {}) | 0> = | Globals | TLength | 'center' | 'left' | 'right' | 'x-end' | 'x-start' | (string & {});type BackgroundPositionY
type BackgroundPositionY<TLength = (string & {}) | 0> = | Globals | TLength | 'bottom' | 'center' | 'top' | 'y-end' | 'y-start' | (string & {});type BackgroundRepeat
type BackgroundRepeat = Globals | DataType.RepeatStyle | (string & {});type BackgroundSize
type BackgroundSize<TLength = (string & {}) | 0> = | Globals | DataType.BgSize<TLength> | (string & {});type BaselineShift
type BaselineShift<TLength = (string & {}) | 0> = | Globals | TLength | 'baseline' | 'sub' | 'super' | (string & {});type BlockSize
type BlockSize<TLength = (string & {}) | 0> = | Globals | TLength | '-moz-fit-content' | '-moz-max-content' | '-moz-min-content' | 'auto' | 'fit-content' | 'max-content' | 'min-content' | (string & {});type Border
type Border<TLength = (string & {}) | 0> = | Globals | DataType.LineWidth<TLength> | DataType.LineStyle | DataType.Color | (string & {});type BorderBlock
type BorderBlock<TLength = (string & {}) | 0> = | Globals | DataType.LineWidth<TLength> | DataType.LineStyle | DataType.Color | (string & {});type BorderBlockColor
type BorderBlockColor = Globals | DataType.Color | (string & {});type BorderBlockEnd
type BorderBlockEnd<TLength = (string & {}) | 0> = | Globals | DataType.LineWidth<TLength> | DataType.LineStyle | DataType.Color | (string & {});type BorderBlockEndColor
type BorderBlockEndColor = Globals | DataType.Color;type BorderBlockEndStyle
type BorderBlockEndStyle = Globals | DataType.LineStyle;type BorderBlockEndWidth
type BorderBlockEndWidth<TLength = (string & {}) | 0> = | Globals | DataType.LineWidth<TLength>;type BorderBlockStart
type BorderBlockStart<TLength = (string & {}) | 0> = | Globals | DataType.LineWidth<TLength> | DataType.LineStyle | DataType.Color | (string & {});type BorderBlockStartColor
type BorderBlockStartColor = Globals | DataType.Color;type BorderBlockStartStyle
type BorderBlockStartStyle = Globals | DataType.LineStyle;type BorderBlockStartWidth
type BorderBlockStartWidth<TLength = (string & {}) | 0> = | Globals | DataType.LineWidth<TLength>;type BorderBlockStyle
type BorderBlockStyle = Globals | DataType.LineStyle | (string & {});type BorderBlockWidth
type BorderBlockWidth<TLength = (string & {}) | 0> = | Globals | DataType.LineWidth<TLength> | (string & {});type BorderBottom
type BorderBottom<TLength = (string & {}) | 0> = | Globals | DataType.LineWidth<TLength> | DataType.LineStyle | DataType.Color | (string & {});type BorderBottomColor
type BorderBottomColor = Globals | DataType.Color;type BorderBottomLeftRadius
type BorderBottomLeftRadius<TLength = (string & {}) | 0> = | Globals | TLength | (string & {});type BorderBottomRightRadius
type BorderBottomRightRadius<TLength = (string & {}) | 0> = | Globals | TLength | (string & {});type BorderBottomStyle
type BorderBottomStyle = Globals | DataType.LineStyle;type BorderBottomWidth
type BorderBottomWidth<TLength = (string & {}) | 0> = | Globals | DataType.LineWidth<TLength>;type BorderCollapse
type BorderCollapse = Globals | 'collapse' | 'separate';type BorderColor
type BorderColor = Globals | DataType.Color | (string & {});type BorderEndEndRadius
type BorderEndEndRadius<TLength = (string & {}) | 0> = | Globals | TLength | (string & {});type BorderEndStartRadius
type BorderEndStartRadius<TLength = (string & {}) | 0> = | Globals | TLength | (string & {});type BorderImage
type BorderImage = | Globals | 'none' | 'repeat' | 'round' | 'space' | 'stretch' | (string & {}) | (number & {});type BorderImageOutset
type BorderImageOutset<TLength = (string & {}) | 0> = | Globals | TLength | (string & {}) | (number & {});type BorderImageRepeat
type BorderImageRepeat = | Globals | 'repeat' | 'round' | 'space' | 'stretch' | (string & {});type BorderImageSlice
type BorderImageSlice = Globals | (string & {}) | (number & {});type BorderImageSource
type BorderImageSource = Globals | 'none' | (string & {});type BorderImageWidth
type BorderImageWidth<TLength = (string & {}) | 0> = | Globals | TLength | 'auto' | (string & {}) | (number & {});type BorderInline
type BorderInline<TLength = (string & {}) | 0> = | Globals | DataType.LineWidth<TLength> | DataType.LineStyle | DataType.Color | (string & {});type BorderInlineColor
type BorderInlineColor = Globals | DataType.Color | (string & {});type BorderInlineEnd
type BorderInlineEnd<TLength = (string & {}) | 0> = | Globals | DataType.LineWidth<TLength> | DataType.LineStyle | DataType.Color | (string & {});type BorderInlineEndColor
type BorderInlineEndColor = Globals | DataType.Color;type BorderInlineEndStyle
type BorderInlineEndStyle = Globals | DataType.LineStyle;type BorderInlineEndWidth
type BorderInlineEndWidth<TLength = (string & {}) | 0> = | Globals | DataType.LineWidth<TLength>;type BorderInlineStart
type BorderInlineStart<TLength = (string & {}) | 0> = | Globals | DataType.LineWidth<TLength> | DataType.LineStyle | DataType.Color | (string & {});type BorderInlineStartColor
type BorderInlineStartColor = Globals | DataType.Color;type BorderInlineStartStyle
type BorderInlineStartStyle = Globals | DataType.LineStyle;type BorderInlineStartWidth
type BorderInlineStartWidth<TLength = (string & {}) | 0> = | Globals | DataType.LineWidth<TLength>;type BorderInlineStyle
type BorderInlineStyle = Globals | DataType.LineStyle | (string & {});type BorderInlineWidth
type BorderInlineWidth<TLength = (string & {}) | 0> = | Globals | DataType.LineWidth<TLength> | (string & {});type BorderLeft
type BorderLeft<TLength = (string & {}) | 0> = | Globals | DataType.LineWidth<TLength> | DataType.LineStyle | DataType.Color | (string & {});type BorderLeftColor
type BorderLeftColor = Globals | DataType.Color;type BorderLeftStyle
type BorderLeftStyle = Globals | DataType.LineStyle;type BorderLeftWidth
type BorderLeftWidth<TLength = (string & {}) | 0> = | Globals | DataType.LineWidth<TLength>;type BorderRadius
type BorderRadius<TLength = (string & {}) | 0> = Globals | TLength | (string & {});type BorderRight
type BorderRight<TLength = (string & {}) | 0> = | Globals | DataType.LineWidth<TLength> | DataType.LineStyle | DataType.Color | (string & {});type BorderRightColor
type BorderRightColor = Globals | DataType.Color;type BorderRightStyle
type BorderRightStyle = Globals | DataType.LineStyle;type BorderRightWidth
type BorderRightWidth<TLength = (string & {}) | 0> = | Globals | DataType.LineWidth<TLength>;type BorderSpacing
type BorderSpacing<TLength = (string & {}) | 0> = Globals | TLength | (string & {});type BorderStartEndRadius
type BorderStartEndRadius<TLength = (string & {}) | 0> = | Globals | TLength | (string & {});type BorderStartStartRadius
type BorderStartStartRadius<TLength = (string & {}) | 0> = | Globals | TLength | (string & {});type BorderStyle
type BorderStyle = Globals | DataType.LineStyle | (string & {});type BorderTop
type BorderTop<TLength = (string & {}) | 0> = | Globals | DataType.LineWidth<TLength> | DataType.LineStyle | DataType.Color | (string & {});type BorderTopColor
type BorderTopColor = Globals | DataType.Color;type BorderTopLeftRadius
type BorderTopLeftRadius<TLength = (string & {}) | 0> = | Globals | TLength | (string & {});type BorderTopRightRadius
type BorderTopRightRadius<TLength = (string & {}) | 0> = | Globals | TLength | (string & {});type BorderTopStyle
type BorderTopStyle = Globals | DataType.LineStyle;type BorderTopWidth
type BorderTopWidth<TLength = (string & {}) | 0> = | Globals | DataType.LineWidth<TLength>;type BorderWidth
type BorderWidth<TLength = (string & {}) | 0> = | Globals | DataType.LineWidth<TLength> | (string & {});type Bottom
type Bottom<TLength = (string & {}) | 0> = | Globals | TLength | 'auto' | (string & {});type BoxAlign
type BoxAlign = Globals | 'baseline' | 'center' | 'end' | 'start' | 'stretch';type BoxDecorationBreak
type BoxDecorationBreak = Globals | 'clone' | 'slice';type BoxDirection
type BoxDirection = Globals | 'inherit' | 'normal' | 'reverse';type BoxFlex
type BoxFlex = Globals | (number & {}) | (string & {});type BoxFlexGroup
type BoxFlexGroup = Globals | (number & {}) | (string & {});type BoxLines
type BoxLines = Globals | 'multiple' | 'single';type BoxOrdinalGroup
type BoxOrdinalGroup = Globals | (number & {}) | (string & {});type BoxOrient
type BoxOrient = | Globals | 'block-axis' | 'horizontal' | 'inherit' | 'inline-axis' | 'vertical';type BoxPack
type BoxPack = Globals | 'center' | 'end' | 'justify' | 'start';type BoxShadow
type BoxShadow = Globals | 'none' | (string & {});type BoxSizing
type BoxSizing = Globals | 'border-box' | 'content-box';type BreakAfter
type BreakAfter = | Globals | 'all' | 'always' | 'auto' | 'avoid' | 'avoid-column' | 'avoid-page' | 'avoid-region' | 'column' | 'left' | 'page' | 'recto' | 'region' | 'right' | 'verso';type BreakBefore
type BreakBefore = | Globals | 'all' | 'always' | 'auto' | 'avoid' | 'avoid-column' | 'avoid-page' | 'avoid-region' | 'column' | 'left' | 'page' | 'recto' | 'region' | 'right' | 'verso';type BreakInside
type BreakInside = | Globals | 'auto' | 'avoid' | 'avoid-column' | 'avoid-page' | 'avoid-region';type CaptionSide
type CaptionSide = Globals | 'bottom' | 'top';type Caret
type Caret = | Globals | DataType.Color | 'auto' | 'bar' | 'block' | 'underscore' | (string & {});type CaretColor
type CaretColor = Globals | DataType.Color | 'auto';type CaretShape
type CaretShape = Globals | 'auto' | 'bar' | 'block' | 'underscore';type Clear
type Clear = | Globals | 'both' | 'inline-end' | 'inline-start' | 'left' | 'none' | 'right';type Clip
type Clip = Globals | 'auto' | (string & {});type ClipPath
type ClipPath = Globals | DataType.GeometryBox | 'none' | (string & {});type ClipRule
type ClipRule = Globals | 'evenodd' | 'nonzero';type Color
type Color = Globals | DataType.Color;type ColorInterpolation
type ColorInterpolation = Globals | 'auto' | 'linearRGB' | 'sRGB';type ColorInterpolationFilters
type ColorInterpolationFilters = Globals | 'auto' | 'linearRGB' | 'sRGB';type ColorRendering
type ColorRendering = Globals | 'auto' | 'optimizeQuality' | 'optimizeSpeed';type ColorScheme
type ColorScheme = Globals | 'dark' | 'light' | 'normal' | (string & {});type ColumnCount
type ColumnCount = Globals | 'auto' | (number & {}) | (string & {});type ColumnFill
type ColumnFill = Globals | 'auto' | 'balance';type ColumnGap
type ColumnGap<TLength = (string & {}) | 0> = | Globals | TLength | 'normal' | (string & {});type ColumnRule
type ColumnRule<TLength = (string & {}) | 0> = | Globals | DataType.LineWidth<TLength> | DataType.LineStyle | DataType.Color | (string & {});type ColumnRuleColor
type ColumnRuleColor = Globals | DataType.Color;type ColumnRuleStyle
type ColumnRuleStyle = Globals | DataType.LineStyle | (string & {});type ColumnRuleWidth
type ColumnRuleWidth<TLength = (string & {}) | 0> = | Globals | DataType.LineWidth<TLength> | (string & {});type Columns
type Columns<TLength = (string & {}) | 0> = | Globals | TLength | 'auto' | (string & {}) | (number & {});type ColumnSpan
type ColumnSpan = Globals | 'all' | 'none';type ColumnWidth
type ColumnWidth<TLength = (string & {}) | 0> = Globals | TLength | 'auto';type Contain
type Contain = | Globals | 'content' | 'inline-size' | 'layout' | 'none' | 'paint' | 'size' | 'strict' | 'style' | (string & {});type Container
type Container = Globals | 'none' | (string & {});type ContainerName
type ContainerName = Globals | 'none' | (string & {});type ContainerType
type ContainerType = | Globals | 'inline-size' | 'normal' | 'scroll-state' | 'size' | (string & {});type ContainIntrinsicBlockSize
type ContainIntrinsicBlockSize<TLength = (string & {}) | 0> = | Globals | TLength | 'none' | (string & {});type ContainIntrinsicHeight
type ContainIntrinsicHeight<TLength = (string & {}) | 0> = | Globals | TLength | 'none' | (string & {});type ContainIntrinsicInlineSize
type ContainIntrinsicInlineSize<TLength = (string & {}) | 0> = | Globals | TLength | 'none' | (string & {});type ContainIntrinsicSize
type ContainIntrinsicSize<TLength = (string & {}) | 0> = | Globals | TLength | 'none' | (string & {});type ContainIntrinsicWidth
type ContainIntrinsicWidth<TLength = (string & {}) | 0> = | Globals | TLength | 'none' | (string & {});type Content
type Content = Globals | DataType.Quote | 'none' | 'normal' | (string & {});type ContentVisibility
type ContentVisibility = Globals | 'auto' | 'hidden' | 'visible';type CounterIncrement
type CounterIncrement = Globals | 'none' | (string & {});type CounterReset
type CounterReset = Globals | 'none' | (string & {});type CounterSet
type CounterSet = Globals | 'none' | (string & {});type Cursor
type Cursor = Globals | DataType.CursorPredefined | (string & {});type Cx
type Cx<TLength = (string & {}) | 0> = Globals | TLength | (string & {});type Cy
type Cy<TLength = (string & {}) | 0> = Globals | TLength | (string & {});type D
type D = Globals | 'none' | (string & {});type Direction
type Direction = Globals | 'ltr' | 'rtl';type Display
type Display = | Globals | DataType.DisplayOutside | DataType.DisplayInside | DataType.DisplayInternal | DataType.DisplayLegacy | 'contents' | 'list-item' | 'none' | (string & {});type DominantBaseline
type DominantBaseline = | Globals | 'alphabetic' | 'auto' | 'central' | 'hanging' | 'ideographic' | 'mathematical' | 'middle' | 'text-bottom' | 'text-top';type EmptyCells
type EmptyCells = Globals | 'hide' | 'show';type FieldSizing
type FieldSizing = Globals | 'content' | 'fixed';type Fill
type Fill = Globals | DataType.Paint;type FillOpacity
type FillOpacity = Globals | (string & {}) | (number & {});type FillRule
type FillRule = Globals | 'evenodd' | 'nonzero';type Filter
type Filter = Globals | 'none' | (string & {});type Flex
type Flex<TLength = (string & {}) | 0> = | Globals | TLength | 'auto' | 'content' | 'fit-content' | 'max-content' | 'min-content' | 'none' | (string & {}) | (number & {});type FlexBasis
type FlexBasis<TLength = (string & {}) | 0> = | Globals | TLength | '-moz-fit-content' | '-moz-max-content' | '-moz-min-content' | '-webkit-auto' | 'auto' | 'content' | 'fit-content' | 'max-content' | 'min-content' | (string & {});type FlexDirection
type FlexDirection = Globals | 'column' | 'column-reverse' | 'row' | 'row-reverse';type FlexFlow
type FlexFlow = | Globals | 'column' | 'column-reverse' | 'nowrap' | 'row' | 'row-reverse' | 'wrap' | 'wrap-reverse' | (string & {});type FlexGrow
type FlexGrow = Globals | (number & {}) | (string & {});type FlexShrink
type FlexShrink = Globals | (number & {}) | (string & {});type FlexWrap
type FlexWrap = Globals | 'nowrap' | 'wrap' | 'wrap-reverse';type Float
type Float = Globals | 'inline-end' | 'inline-start' | 'left' | 'none' | 'right';type FloodColor
type FloodColor = Globals | DataType.Color;type FloodOpacity
type FloodOpacity = Globals | (string & {}) | (number & {});type Font
type Font = Globals | DataType.SystemFamilyName | (string & {});type FontFamily
type FontFamily = Globals | DataType.GenericFamily | (string & {});type FontFeatureSettings
type FontFeatureSettings = Globals | 'normal' | (string & {});type FontKerning
type FontKerning = Globals | 'auto' | 'none' | 'normal';type FontLanguageOverride
type FontLanguageOverride = Globals | 'normal' | (string & {});type FontOpticalSizing
type FontOpticalSizing = Globals | 'auto' | 'none';type FontPalette
type FontPalette = Globals | 'dark' | 'light' | 'normal' | (string & {});type FontSize
type FontSize<TLength = (string & {}) | 0> = | Globals | DataType.AbsoluteSize | TLength | 'larger' | 'math' | 'smaller' | (string & {});type FontSizeAdjust
type FontSizeAdjust = Globals | 'from-font' | 'none' | (string & {}) | (number & {});type FontSmooth
type FontSmooth<TLength = (string & {}) | 0> = | Globals | DataType.AbsoluteSize | TLength | 'always' | 'auto' | 'never';type FontStretch
type FontStretch = Globals | DataType.FontStretchAbsolute;type FontStyle
type FontStyle = Globals | 'italic' | 'normal' | 'oblique' | (string & {});type FontSynthesis
type FontSynthesis = | Globals | 'none' | 'position' | 'small-caps' | 'style' | 'weight' | (string & {});type FontSynthesisPosition
type FontSynthesisPosition = Globals | 'auto' | 'none';type FontSynthesisSmallCaps
type FontSynthesisSmallCaps = Globals | 'auto' | 'none';type FontSynthesisStyle
type FontSynthesisStyle = Globals | 'auto' | 'none';type FontSynthesisWeight
type FontSynthesisWeight = Globals | 'auto' | 'none';type FontVariant
type FontVariant = | Globals | DataType.EastAsianVariantValues | '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' | 'none' | 'normal' | 'oldstyle-nums' | 'ordinal' | 'petite-caps' | 'proportional-nums' | 'proportional-width' | 'ruby' | 'slashed-zero' | 'small-caps' | 'stacked-fractions' | 'tabular-nums' | 'titling-caps' | 'unicase' | (string & {});type FontVariantAlternates
type FontVariantAlternates = Globals | 'historical-forms' | 'normal' | (string & {});type FontVariantCaps
type FontVariantCaps = | Globals | 'all-petite-caps' | 'all-small-caps' | 'normal' | 'petite-caps' | 'small-caps' | 'titling-caps' | 'unicase';type FontVariantEastAsian
type FontVariantEastAsian = | Globals | DataType.EastAsianVariantValues | 'full-width' | 'normal' | 'proportional-width' | 'ruby' | (string & {});type FontVariantEmoji
type FontVariantEmoji = Globals | 'emoji' | 'normal' | 'text' | 'unicode';type FontVariantLigatures
type FontVariantLigatures = | Globals | 'common-ligatures' | 'contextual' | 'discretionary-ligatures' | 'historical-ligatures' | 'no-common-ligatures' | 'no-contextual' | 'no-discretionary-ligatures' | 'no-historical-ligatures' | 'none' | 'normal' | (string & {});type FontVariantNumeric
type FontVariantNumeric = | Globals | 'diagonal-fractions' | 'lining-nums' | 'normal' | 'oldstyle-nums' | 'ordinal' | 'proportional-nums' | 'slashed-zero' | 'stacked-fractions' | 'tabular-nums' | (string & {});type FontVariantPosition
type FontVariantPosition = Globals | 'normal' | 'sub' | 'super';type FontVariationSettings
type FontVariationSettings = Globals | 'normal' | (string & {});type FontWeight
type FontWeight = Globals | DataType.FontWeightAbsolute | 'bolder' | 'lighter';type FontWidth
type FontWidth = | Globals | 'condensed' | 'expanded' | 'extra-condensed' | 'extra-expanded' | 'normal' | 'semi-condensed' | 'semi-expanded' | 'ultra-condensed' | 'ultra-expanded' | (string & {});type ForcedColorAdjust
type ForcedColorAdjust = Globals | 'auto' | 'none' | 'preserve-parent-color';type Gap
type Gap<TLength = (string & {}) | 0> = Globals | TLength | 'normal' | (string & {});type GlyphOrientationVertical
type GlyphOrientationVertical = Globals | 'auto' | (string & {}) | (number & {});type Grid
type Grid = Globals | 'none' | (string & {});type GridArea
type GridArea = Globals | DataType.GridLine | (string & {});type GridAutoColumns
type GridAutoColumns<TLength = (string & {}) | 0> = | Globals | DataType.TrackBreadth<TLength> | (string & {});type GridAutoFlow
type GridAutoFlow = Globals | 'column' | 'dense' | 'row' | (string & {});type GridAutoRows
type GridAutoRows<TLength = (string & {}) | 0> = | Globals | DataType.TrackBreadth<TLength> | (string & {});type GridColumn
type GridColumn = Globals | DataType.GridLine | (string & {});type GridColumnEnd
type GridColumnEnd = Globals | DataType.GridLine;type GridColumnGap
type GridColumnGap<TLength = (string & {}) | 0> = Globals | TLength | (string & {});type GridColumnStart
type GridColumnStart = Globals | DataType.GridLine;type GridGap
type GridGap<TLength = (string & {}) | 0> = Globals | TLength | (string & {});type GridRow
type GridRow = Globals | DataType.GridLine | (string & {});type GridRowEnd
type GridRowEnd = Globals | DataType.GridLine;type GridRowGap
type GridRowGap<TLength = (string & {}) | 0> = Globals | TLength | (string & {});type GridRowStart
type GridRowStart = Globals | DataType.GridLine;type GridTemplate
type GridTemplate = Globals | 'none' | (string & {});type GridTemplateAreas
type GridTemplateAreas = Globals | 'none' | (string & {});type GridTemplateColumns
type GridTemplateColumns<TLength = (string & {}) | 0> = | Globals | DataType.TrackBreadth<TLength> | 'none' | 'subgrid' | (string & {});type GridTemplateRows
type GridTemplateRows<TLength = (string & {}) | 0> = | Globals | DataType.TrackBreadth<TLength> | 'none' | 'subgrid' | (string & {});type HangingPunctuation
type HangingPunctuation = | Globals | 'allow-end' | 'first' | 'force-end' | 'last' | 'none' | (string & {});type Height
type Height<TLength = (string & {}) | 0> = | Globals | TLength | '-moz-fit-content' | '-moz-max-content' | '-moz-min-content' | '-webkit-fit-content' | 'auto' | 'fit-content' | 'max-content' | 'min-content' | (string & {});type HyphenateCharacter
type HyphenateCharacter = Globals | 'auto' | (string & {});type HyphenateLimitChars
type HyphenateLimitChars = Globals | 'auto' | (string & {}) | (number & {});type Hyphens
type Hyphens = Globals | 'auto' | 'manual' | 'none';type ImageOrientation
type ImageOrientation = Globals | 'flip' | 'from-image' | (string & {});type ImageRendering
type ImageRendering = | Globals | '-moz-crisp-edges' | '-webkit-optimize-contrast' | 'auto' | 'crisp-edges' | 'pixelated' | 'smooth';type ImageResolution
type ImageResolution = Globals | 'from-image' | (string & {});type ImeMode
type ImeMode = Globals | 'active' | 'auto' | 'disabled' | 'inactive' | 'normal';type InitialLetter
type InitialLetter = Globals | 'normal' | (string & {}) | (number & {});type InitialLetterAlign
type InitialLetterAlign = | Globals | 'alphabetic' | 'auto' | 'hanging' | 'ideographic';type InlineSize
type InlineSize<TLength = (string & {}) | 0> = | Globals | TLength | '-moz-fit-content' | '-moz-max-content' | '-moz-min-content' | '-webkit-fill-available' | 'auto' | 'fit-content' | 'max-content' | 'min-content' | (string & {});type Inset
type Inset<TLength = (string & {}) | 0> = Globals | TLength | 'auto' | (string & {});type InsetBlock
type InsetBlock<TLength = (string & {}) | 0> = | Globals | TLength | 'auto' | (string & {});type InsetBlockEnd
type InsetBlockEnd<TLength = (string & {}) | 0> = | Globals | TLength | 'auto' | (string & {});type InsetBlockStart
type InsetBlockStart<TLength = (string & {}) | 0> = | Globals | TLength | 'auto' | (string & {});type InsetInline
type InsetInline<TLength = (string & {}) | 0> = | Globals | TLength | 'auto' | (string & {});type InsetInlineEnd
type InsetInlineEnd<TLength = (string & {}) | 0> = | Globals | TLength | 'auto' | (string & {});type InsetInlineStart
type InsetInlineStart<TLength = (string & {}) | 0> = | Globals | TLength | 'auto' | (string & {});type InterpolateSize
type InterpolateSize = Globals | 'allow-keywords' | 'numeric-only';type Isolation
type Isolation = Globals | 'auto' | 'isolate';type JustifyContent
type JustifyContent = | Globals | DataType.ContentDistribution | DataType.ContentPosition | 'left' | 'normal' | 'right' | (string & {});type JustifyItems
type JustifyItems = | Globals | DataType.SelfPosition | 'anchor-center' | 'baseline' | 'left' | 'legacy' | 'normal' | 'right' | 'stretch' | (string & {});type JustifySelf
type JustifySelf = | Globals | DataType.SelfPosition | 'anchor-center' | 'auto' | 'baseline' | 'left' | 'normal' | 'right' | 'stretch' | (string & {});type JustifyTracks
type JustifyTracks = | Globals | DataType.ContentDistribution | DataType.ContentPosition | 'left' | 'normal' | 'right' | (string & {});type Left
type Left<TLength = (string & {}) | 0> = Globals | TLength | 'auto' | (string & {});type LetterSpacing
type LetterSpacing<TLength = (string & {}) | 0> = Globals | TLength | 'normal';type LightingColor
type LightingColor = Globals | DataType.Color;type LineBreak
type LineBreak = Globals | 'anywhere' | 'auto' | 'loose' | 'normal' | 'strict';type LineClamp
type LineClamp = Globals | 'none' | (number & {}) | (string & {});type LineHeight
type LineHeight<TLength = (string & {}) | 0> = | Globals | TLength | 'normal' | (string & {}) | (number & {});type LineHeightStep
type LineHeightStep<TLength = (string & {}) | 0> = Globals | TLength;type ListStyle
type ListStyle = Globals | 'inside' | 'none' | 'outside' | (string & {});type ListStyleImage
type ListStyleImage = Globals | 'none' | (string & {});type ListStylePosition
type ListStylePosition = Globals | 'inside' | 'outside';type ListStyleType
type ListStyleType = Globals | 'none' | (string & {});type Margin
type Margin<TLength = (string & {}) | 0> = | Globals | TLength | 'auto' | (string & {});type MarginBlock
type MarginBlock<TLength = (string & {}) | 0> = | Globals | TLength | 'auto' | (string & {});type MarginBlockEnd
type MarginBlockEnd<TLength = (string & {}) | 0> = | Globals | TLength | 'auto' | (string & {});type MarginBlockStart
type MarginBlockStart<TLength = (string & {}) | 0> = | Globals | TLength | 'auto' | (string & {});type MarginBottom
type MarginBottom<TLength = (string & {}) | 0> = | Globals | TLength | 'auto' | (string & {});type MarginInline
type MarginInline<TLength = (string & {}) | 0> = | Globals | TLength | 'auto' | (string & {});type MarginInlineEnd
type MarginInlineEnd<TLength = (string & {}) | 0> = | Globals | TLength | 'auto' | (string & {});type MarginInlineStart
type MarginInlineStart<TLength = (string & {}) | 0> = | Globals | TLength | 'auto' | (string & {});type MarginLeft
type MarginLeft<TLength = (string & {}) | 0> = | Globals | TLength | 'auto' | (string & {});type MarginRight
type MarginRight<TLength = (string & {}) | 0> = | Globals | TLength | 'auto' | (string & {});type MarginTop
type MarginTop<TLength = (string & {}) | 0> = | Globals | TLength | 'auto' | (string & {});type MarginTrim
type MarginTrim = Globals | 'all' | 'in-flow' | 'none';type Marker
type Marker = Globals | 'none' | (string & {});type MarkerEnd
type MarkerEnd = Globals | 'none' | (string & {});type MarkerMid
type MarkerMid = Globals | 'none' | (string & {});type MarkerStart
type MarkerStart = Globals | 'none' | (string & {});type Mask
type Mask<TLength = (string & {}) | 0> = | Globals | DataType.MaskLayer<TLength> | (string & {});type MaskBorder
type MaskBorder = | Globals | 'alpha' | 'luminance' | 'none' | 'repeat' | 'round' | 'space' | 'stretch' | (string & {}) | (number & {});type MaskBorderMode
type MaskBorderMode = Globals | 'alpha' | 'luminance';type MaskBorderOutset
type MaskBorderOutset<TLength = (string & {}) | 0> = | Globals | TLength | (string & {}) | (number & {});type MaskBorderRepeat
type MaskBorderRepeat = | Globals | 'repeat' | 'round' | 'space' | 'stretch' | (string & {});type MaskBorderSlice
type MaskBorderSlice = Globals | (string & {}) | (number & {});type MaskBorderSource
type MaskBorderSource = Globals | 'none' | (string & {});type MaskBorderWidth
type MaskBorderWidth<TLength = (string & {}) | 0> = | Globals | TLength | 'auto' | (string & {}) | (number & {});type MaskClip
type MaskClip = Globals | DataType.PaintBox | 'no-clip' | 'view-box' | (string & {});type MaskComposite
type MaskComposite = Globals | DataType.CompositingOperator | (string & {});type MaskImage
type MaskImage = Globals | 'none' | (string & {});type MaskMode
type MaskMode = Globals | DataType.MaskingMode | (string & {});type MaskOrigin
type MaskOrigin = Globals | DataType.PaintBox | 'view-box' | (string & {});type MaskPosition
type MaskPosition<TLength = (string & {}) | 0> = | Globals | DataType.Position<TLength> | (string & {});type MaskRepeat
type MaskRepeat = Globals | DataType.RepeatStyle | (string & {});type MaskSize
type MaskSize<TLength = (string & {}) | 0> = | Globals | DataType.BgSize<TLength> | (string & {});type MaskType
type MaskType = Globals | 'alpha' | 'luminance';type MasonryAutoFlow
type MasonryAutoFlow = | Globals | 'definite-first' | 'next' | 'ordered' | 'pack' | (string & {});type MathDepth
type MathDepth = Globals | 'auto-add' | (string & {}) | (number & {});type MathShift
type MathShift = Globals | 'compact' | 'normal';type MathStyle
type MathStyle = Globals | 'compact' | 'normal';type MaxBlockSize
type MaxBlockSize<TLength = (string & {}) | 0> = | Globals | TLength | '-moz-max-content' | '-moz-min-content' | '-webkit-fill-available' | 'fit-content' | 'max-content' | 'min-content' | 'none' | (string & {});type MaxHeight
type MaxHeight<TLength = (string & {}) | 0> = | Globals | TLength | '-moz-fit-content' | '-moz-max-content' | '-moz-min-content' | '-webkit-fit-content' | '-webkit-max-content' | '-webkit-min-content' | 'fit-content' | 'intrinsic' | 'max-content' | 'min-content' | 'none' | (string & {});type MaxInlineSize
type MaxInlineSize<TLength = (string & {}) | 0> = | Globals | TLength | '-moz-fit-content' | '-moz-max-content' | '-moz-min-content' | '-webkit-fill-available' | 'fit-content' | 'max-content' | 'min-content' | 'none' | (string & {});type MaxLines
type MaxLines = Globals | 'none' | (number & {}) | (string & {});type MaxWidth
type MaxWidth<TLength = (string & {}) | 0> = | Globals | TLength | '-moz-fit-content' | '-moz-max-content' | '-moz-min-content' | '-webkit-fit-content' | '-webkit-max-content' | '-webkit-min-content' | 'fit-content' | 'intrinsic' | 'max-content' | 'min-content' | 'none' | (string & {});type MinBlockSize
type MinBlockSize<TLength = (string & {}) | 0> = | Globals | TLength | '-moz-max-content' | '-moz-min-content' | '-webkit-fill-available' | 'auto' | 'fit-content' | 'max-content' | 'min-content' | (string & {});type MinHeight
type MinHeight<TLength = (string & {}) | 0> = | Globals | TLength | '-moz-fit-content' | '-moz-max-content' | '-moz-min-content' | '-webkit-fit-content' | '-webkit-max-content' | '-webkit-min-content' | 'auto' | 'fit-content' | 'intrinsic' | 'max-content' | 'min-content' | (string & {});type MinInlineSize
type MinInlineSize<TLength = (string & {}) | 0> = | Globals | TLength | '-moz-fit-content' | '-moz-max-content' | '-moz-min-content' | '-webkit-fill-available' | 'auto' | 'fit-content' | 'max-content' | 'min-content' | (string & {});type MinWidth
type MinWidth<TLength = (string & {}) | 0> = | Globals | TLength | '-moz-fit-content' | '-moz-max-content' | '-moz-min-content' | '-webkit-fit-content' | '-webkit-max-content' | '-webkit-min-content' | 'auto' | 'fit-content' | 'intrinsic' | 'max-content' | 'min-content' | 'min-intrinsic' | (string & {});type MixBlendMode
type MixBlendMode = Globals | DataType.BlendMode | 'plus-darker' | 'plus-lighter';type MozAppearance
type MozAppearance = | Globals | '-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' | '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' | 'none' | 'progressbar' | 'progressbar-vertical' | 'progresschunk' | 'progresschunk-vertical' | 'radio' | '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' | 'searchfield' | 'separator' | 'sheet' | 'spinner' | 'spinner-downbutton' | 'spinner-textfield' | 'spinner-upbutton' | 'splitter' | 'statusbar' | 'statusbarpanel' | 'tab' | 'tab-scroll-arrow-back' | 'tab-scroll-arrow-forward' | 'tabpanel' | 'tabpanels' | 'textfield' | 'textfield-multiline' | 'toolbar' | 'toolbarbutton' | 'toolbarbutton-dropdown' | 'toolbargripper' | 'toolbox' | 'tooltip' | 'treeheader' | 'treeheadercell' | 'treeheadersortarrow' | 'treeitem' | 'treeline' | 'treetwisty' | 'treetwistyopen' | 'treeview';type MozBinding
type MozBinding = Globals | 'none' | (string & {});type MozBorderBottomColors
type MozBorderBottomColors = Globals | DataType.Color | 'none' | (string & {});type MozBorderLeftColors
type MozBorderLeftColors = Globals | DataType.Color | 'none' | (string & {});type MozBorderRightColors
type MozBorderRightColors = Globals | DataType.Color | 'none' | (string & {});type MozBorderTopColors
type MozBorderTopColors = Globals | DataType.Color | 'none' | (string & {});type MozContextProperties
type MozContextProperties = | Globals | 'fill' | 'fill-opacity' | 'none' | 'stroke' | 'stroke-opacity' | (string & {});type MozFloatEdge
type MozFloatEdge = | Globals | 'border-box' | 'content-box' | 'margin-box' | 'padding-box';type MozForceBrokenImageIcon
type MozForceBrokenImageIcon = Globals | 0 | (string & {}) | 1;type MozOrient
type MozOrient = Globals | 'block' | 'horizontal' | 'inline' | 'vertical';type MozOutlineRadius
type MozOutlineRadius<TLength = (string & {}) | 0> = | Globals | TLength | (string & {});type MozOutlineRadiusBottomleft
type MozOutlineRadiusBottomleft<TLength = (string & {}) | 0> = | Globals | TLength | (string & {});type MozOutlineRadiusBottomright
type MozOutlineRadiusBottomright<TLength = (string & {}) | 0> = | Globals | TLength | (string & {});type MozOutlineRadiusTopleft
type MozOutlineRadiusTopleft<TLength = (string & {}) | 0> = | Globals | TLength | (string & {});type MozOutlineRadiusTopright
type MozOutlineRadiusTopright<TLength = (string & {}) | 0> = | Globals | TLength | (string & {});type MozStackSizing
type MozStackSizing = Globals | 'ignore' | 'stretch-to-fit';type MozTextBlink
type MozTextBlink = Globals | 'blink' | 'none';type MozUserFocus
type MozUserFocus = | Globals | 'ignore' | 'none' | 'normal' | 'select-after' | 'select-all' | 'select-before' | 'select-menu' | 'select-same';type MozUserInput
type MozUserInput = Globals | 'auto' | 'disabled' | 'enabled' | 'none';type MozUserModify
type MozUserModify = Globals | 'read-only' | 'read-write' | 'write-only';type MozWindowDragging
type MozWindowDragging = Globals | 'drag' | 'no-drag';type MozWindowShadow
type MozWindowShadow = Globals | 'default' | 'menu' | 'none' | 'sheet' | 'tooltip';type MsAccelerator
type MsAccelerator = Globals | 'false' | 'true';type MsBlockProgression
type MsBlockProgression = Globals | 'bt' | 'lr' | 'rl' | 'tb';type MsContentZoomChaining
type MsContentZoomChaining = Globals | 'chained' | 'none';type MsContentZooming
type MsContentZooming = Globals | 'none' | 'zoom';type MsContentZoomLimit
type MsContentZoomLimit = Globals | (string & {});type MsContentZoomLimitMax
type MsContentZoomLimitMax = Globals | (string & {});type MsContentZoomLimitMin
type MsContentZoomLimitMin = Globals | (string & {});type MsContentZoomSnap
type MsContentZoomSnap = | Globals | 'mandatory' | 'none' | 'proximity' | (string & {});type MsContentZoomSnapPoints
type MsContentZoomSnapPoints = Globals | (string & {});type MsContentZoomSnapType
type MsContentZoomSnapType = Globals | 'mandatory' | 'none' | 'proximity';type MsFilter
type MsFilter = Globals | (string & {});type MsFlowFrom
type MsFlowFrom = Globals | 'none' | (string & {});type MsFlowInto
type MsFlowInto = Globals | 'none' | (string & {});type MsGridColumns
type MsGridColumns<TLength = (string & {}) | 0> = | Globals | DataType.TrackBreadth<TLength> | 'none' | (string & {});type MsGridRows
type MsGridRows<TLength = (string & {}) | 0> = | Globals | DataType.TrackBreadth<TLength> | 'none' | (string & {});type MsHighContrastAdjust
type MsHighContrastAdjust = Globals | 'auto' | 'none';type MsHyphenateLimitChars
type MsHyphenateLimitChars = Globals | 'auto' | (string & {}) | (number & {});type MsHyphenateLimitLines
type MsHyphenateLimitLines = Globals | 'no-limit' | (number & {}) | (string & {});type MsHyphenateLimitZone
type MsHyphenateLimitZone<TLength = (string & {}) | 0> = | Globals | TLength | (string & {});type MsImeAlign
type MsImeAlign = Globals | 'after' | 'auto';type MsOverflowStyle
type MsOverflowStyle = | Globals | '-ms-autohiding-scrollbar' | 'auto' | 'none' | 'scrollbar';type MsScrollbar3dlightColor
type MsScrollbar3dlightColor = Globals | DataType.Color;type MsScrollbarArrowColor
type MsScrollbarArrowColor = Globals | DataType.Color;type MsScrollbarBaseColor
type MsScrollbarBaseColor = Globals | DataType.Color;type MsScrollbarDarkshadowColor
type MsScrollbarDarkshadowColor = Globals | DataType.Color;type MsScrollbarFaceColor
type MsScrollbarFaceColor = Globals | DataType.Color;type MsScrollbarHighlightColor
type MsScrollbarHighlightColor = Globals | DataType.Color;type MsScrollbarShadowColor
type MsScrollbarShadowColor = Globals | DataType.Color;type MsScrollbarTrackColor
type MsScrollbarTrackColor = Globals | DataType.Color;type MsScrollChaining
type MsScrollChaining = Globals | 'chained' | 'none';type MsScrollLimit
type MsScrollLimit = Globals | (string & {});type MsScrollLimitXMax
type MsScrollLimitXMax<TLength = (string & {}) | 0> = Globals | TLength | 'auto';type MsScrollLimitXMin
type MsScrollLimitXMin<TLength = (string & {}) | 0> = Globals | TLength;type MsScrollLimitYMax
type MsScrollLimitYMax<TLength = (string & {}) | 0> = Globals | TLength | 'auto';type MsScrollLimitYMin
type MsScrollLimitYMin<TLength = (string & {}) | 0> = Globals | TLength;type MsScrollRails
type MsScrollRails = Globals | 'none' | 'railed';type MsScrollSnapPointsX
type MsScrollSnapPointsX = Globals | (string & {});type MsScrollSnapPointsY
type MsScrollSnapPointsY = Globals | (string & {});type MsScrollSnapType
type MsScrollSnapType = Globals | 'mandatory' | 'none' | 'proximity';type MsScrollSnapX
type MsScrollSnapX = Globals | (string & {});type MsScrollSnapY
type MsScrollSnapY = Globals | (string & {});type MsScrollTranslation
type MsScrollTranslation = Globals | 'none' | 'vertical-to-horizontal';type MsTextAutospace
type MsTextAutospace = | Globals | 'ideograph-alpha' | 'ideograph-numeric' | 'ideograph-parenthesis' | 'ideograph-space' | 'none';type MsTouchSelect
type MsTouchSelect = Globals | 'grippers' | 'none';type MsUserSelect
type MsUserSelect = Globals | 'element' | 'none' | 'text';type MsWrapFlow
type MsWrapFlow = Globals | 'auto' | 'both' | 'clear' | 'end' | 'maximum' | 'start';type MsWrapMargin
type MsWrapMargin<TLength = (string & {}) | 0> = Globals | TLength;type MsWrapThrough
type MsWrapThrough = Globals | 'none' | 'wrap';type ObjectFit
type ObjectFit = Globals | 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';type ObjectPosition
type ObjectPosition<TLength = (string & {}) | 0> = | Globals | DataType.Position<TLength>;type ObjectViewBox
type ObjectViewBox = Globals | 'none' | (string & {});type Offset
type Offset<TLength = (string & {}) | 0> = | Globals | DataType.Position<TLength> | DataType.PaintBox | 'auto' | 'none' | 'normal' | 'view-box' | (string & {});type OffsetAnchor
type OffsetAnchor<TLength = (string & {}) | 0> = | Globals | DataType.Position<TLength> | 'auto';type OffsetDistance
type OffsetDistance<TLength = (string & {}) | 0> = Globals | TLength | (string & {});type OffsetPath
type OffsetPath = Globals | DataType.PaintBox | 'none' | 'view-box' | (string & {});type OffsetPosition
type OffsetPosition<TLength = (string & {}) | 0> = | Globals | DataType.Position<TLength> | 'auto' | 'normal';type OffsetRotate
type OffsetRotate = Globals | 'auto' | 'reverse' | (string & {});type Opacity
type Opacity = Globals | (string & {}) | (number & {});type Order
type Order = Globals | (number & {}) | (string & {});type Orphans
type Orphans = Globals | (number & {}) | (string & {});type Outline
type Outline<TLength = (string & {}) | 0> = | Globals | DataType.LineWidth<TLength> | DataType.OutlineLineStyle | DataType.Color | 'auto' | (string & {});type OutlineColor
type OutlineColor = Globals | DataType.Color | 'auto';type OutlineOffset
type OutlineOffset<TLength = (string & {}) | 0> = Globals | TLength;type OutlineStyle
type OutlineStyle = Globals | DataType.OutlineLineStyle | 'auto';type OutlineWidth
type OutlineWidth<TLength = (string & {}) | 0> = | Globals | DataType.LineWidth<TLength>;type Overflow
type Overflow = | Globals | '-moz-hidden-unscrollable' | 'auto' | 'clip' | 'hidden' | 'overlay' | 'scroll' | 'visible' | (string & {});type OverflowAnchor
type OverflowAnchor = Globals | 'auto' | 'none';type OverflowBlock
type OverflowBlock = Globals | 'auto' | 'clip' | 'hidden' | 'scroll' | 'visible';type OverflowClipBox
type OverflowClipBox = Globals | 'content-box' | 'padding-box';type OverflowClipMargin
type OverflowClipMargin<TLength = (string & {}) | 0> = | Globals | DataType.VisualBox | TLength | (string & {});type OverflowInline
type OverflowInline = Globals | 'auto' | 'clip' | 'hidden' | 'scroll' | 'visible';type OverflowWrap
type OverflowWrap = Globals | 'anywhere' | 'break-word' | 'normal';type OverflowX
type OverflowX = | Globals | '-moz-hidden-unscrollable' | 'auto' | 'clip' | 'hidden' | 'overlay' | 'scroll' | 'visible';type OverflowY
type OverflowY = | Globals | '-moz-hidden-unscrollable' | 'auto' | 'clip' | 'hidden' | 'overlay' | 'scroll' | 'visible';type Overlay
type Overlay = Globals | 'auto' | 'none';type OverscrollBehavior
type OverscrollBehavior = Globals | 'auto' | 'contain' | 'none' | (string & {});type OverscrollBehaviorBlock
type OverscrollBehaviorBlock = Globals | 'auto' | 'contain' | 'none';type OverscrollBehaviorInline
type OverscrollBehaviorInline = Globals | 'auto' | 'contain' | 'none';type OverscrollBehaviorX
type OverscrollBehaviorX = Globals | 'auto' | 'contain' | 'none';type OverscrollBehaviorY
type OverscrollBehaviorY = Globals | 'auto' | 'contain' | 'none';type Padding
type Padding<TLength = (string & {}) | 0> = Globals | TLength | (string & {});type PaddingBlock
type PaddingBlock<TLength = (string & {}) | 0> = Globals | TLength | (string & {});type PaddingBlockEnd
type PaddingBlockEnd<TLength = (string & {}) | 0> = | Globals | TLength | (string & {});type PaddingBlockStart
type PaddingBlockStart<TLength = (string & {}) | 0> = | Globals | TLength | (string & {});type PaddingBottom
type PaddingBottom<TLength = (string & {}) | 0> = Globals | TLength | (string & {});type PaddingInline
type PaddingInline<TLength = (string & {}) | 0> = Globals | TLength | (string & {});type PaddingInlineEnd
type PaddingInlineEnd<TLength = (string & {}) | 0> = | Globals | TLength | (string & {});type PaddingInlineStart
type PaddingInlineStart<TLength = (string & {}) | 0> = | Globals | TLength | (string & {});type PaddingLeft
type PaddingLeft<TLength = (string & {}) | 0> = Globals | TLength | (string & {});type PaddingRight
type PaddingRight<TLength = (string & {}) | 0> = Globals | TLength | (string & {});type PaddingTop
type PaddingTop<TLength = (string & {}) | 0> = Globals | TLength | (string & {});type Page
type Page = Globals | 'auto' | (string & {});type PageBreakAfter
type PageBreakAfter = | Globals | 'always' | 'auto' | 'avoid' | 'left' | 'recto' | 'right' | 'verso';type PageBreakBefore
type PageBreakBefore = | Globals | 'always' | 'auto' | 'avoid' | 'left' | 'recto' | 'right' | 'verso';type PageBreakInside
type PageBreakInside = Globals | 'auto' | 'avoid';type PaintOrder
type PaintOrder = Globals | 'fill' | 'markers' | 'normal' | 'stroke' | (string & {});type Perspective
type Perspective<TLength = (string & {}) | 0> = Globals | TLength | 'none';type PerspectiveOrigin
type PerspectiveOrigin<TLength = (string & {}) | 0> = | Globals | DataType.Position<TLength>;type PlaceContent
type PlaceContent = | Globals | DataType.ContentDistribution | DataType.ContentPosition | 'baseline' | 'normal' | (string & {});type PlaceItems
type PlaceItems = | Globals | DataType.SelfPosition | 'anchor-center' | 'baseline' | 'normal' | 'stretch' | (string & {});type PlaceSelf
type PlaceSelf = | Globals | DataType.SelfPosition | 'anchor-center' | 'auto' | 'baseline' | 'normal' | 'stretch' | (string & {});type PointerEvents
type PointerEvents = | Globals | 'all' | 'auto' | 'fill' | 'inherit' | 'none' | 'painted' | 'stroke' | 'visible' | 'visibleFill' | 'visiblePainted' | 'visibleStroke';type Position
type Position = | Globals | '-webkit-sticky' | 'absolute' | 'fixed' | 'relative' | 'static' | 'sticky';type PositionAnchor
type PositionAnchor = Globals | 'auto' | (string & {});type PositionArea
type PositionArea = Globals | DataType.PositionArea | 'none';type PositionTry
type PositionTry = | Globals | DataType.TryTactic | DataType.PositionArea | 'none' | (string & {});type PositionTryFallbacks
type PositionTryFallbacks = | Globals | DataType.TryTactic | DataType.PositionArea | 'none' | (string & {});type PositionTryOrder
type PositionTryOrder = Globals | DataType.TrySize | 'normal';type PositionVisibility
type PositionVisibility = | Globals | 'always' | 'anchors-valid' | 'anchors-visible' | 'no-overflow' | (string & {});type PrintColorAdjust
type PrintColorAdjust = Globals | 'economy' | 'exact';type Quotes
type Quotes = Globals | 'auto' | 'none' | (string & {});type R
type R<TLength = (string & {}) | 0> = Globals | TLength | (string & {});type Resize
type Resize = | Globals | 'block' | 'both' | 'horizontal' | 'inline' | 'none' | 'vertical';type Right
type Right<TLength = (string & {}) | 0> = Globals | TLength | 'auto' | (string & {});type Rotate
type Rotate = Globals | 'none' | (string & {});type RowGap
type RowGap<TLength = (string & {}) | 0> = | Globals | TLength | 'normal' | (string & {});type RubyAlign
type RubyAlign = Globals | 'center' | 'space-around' | 'space-between' | 'start';type RubyMerge
type RubyMerge = Globals | 'auto' | 'collapse' | 'separate';type RubyOverhang
type RubyOverhang = Globals | 'auto' | 'none';type RubyPosition
type RubyPosition = | Globals | 'alternate' | 'inter-character' | 'over' | 'under' | (string & {});type Rx
type Rx<TLength = (string & {}) | 0> = Globals | TLength | (string & {});type Ry
type Ry<TLength = (string & {}) | 0> = Globals | TLength | (string & {});type Scale
type Scale = Globals | 'none' | (string & {}) | (number & {});type ScrollbarColor
type ScrollbarColor = Globals | 'auto' | (string & {});type ScrollbarGutter
type ScrollbarGutter = Globals | 'auto' | 'stable' | (string & {});type ScrollbarWidth
type ScrollbarWidth = Globals | 'auto' | 'none' | 'thin';type ScrollBehavior
type ScrollBehavior = Globals | 'auto' | 'smooth';type ScrollInitialTarget
type ScrollInitialTarget = Globals | 'nearest' | 'none';type ScrollMargin
type ScrollMargin<TLength = (string & {}) | 0> = Globals | TLength | (string & {});type ScrollMarginBlock
type ScrollMarginBlock<TLength = (string & {}) | 0> = | Globals | TLength | (string & {});type ScrollMarginBlockEnd
type ScrollMarginBlockEnd<TLength = (string & {}) | 0> = Globals | TLength;type ScrollMarginBlockStart
type ScrollMarginBlockStart<TLength = (string & {}) | 0> = Globals | TLength;type ScrollMarginBottom
type ScrollMarginBottom<TLength = (string & {}) | 0> = Globals | TLength;type ScrollMarginInline
type ScrollMarginInline<TLength = (string & {}) | 0> = | Globals | TLength | (string & {});type ScrollMarginInlineEnd
type ScrollMarginInlineEnd<TLength = (string & {}) | 0> = Globals | TLength;type ScrollMarginInlineStart
type ScrollMarginInlineStart<TLength = (string & {}) | 0> = Globals | TLength;type ScrollMarginLeft
type ScrollMarginLeft<TLength = (string & {}) | 0> = Globals | TLength;type ScrollMarginRight
type ScrollMarginRight<TLength = (string & {}) | 0> = Globals | TLength;type ScrollMarginTop
type ScrollMarginTop<TLength = (string & {}) | 0> = Globals | TLength;type ScrollPadding
type ScrollPadding<TLength = (string & {}) | 0> = | Globals | TLength | 'auto' | (string & {});type ScrollPaddingBlock
type ScrollPaddingBlock<TLength = (string & {}) | 0> = | Globals | TLength | 'auto' | (string & {});type ScrollPaddingBlockEnd
type ScrollPaddingBlockEnd<TLength = (string & {}) | 0> = | Globals | TLength | 'auto' | (string & {});type ScrollPaddingBlockStart
type ScrollPaddingBlockStart<TLength = (string & {}) | 0> = | Globals | TLength | 'auto' | (string & {});type ScrollPaddingBottom
type ScrollPaddingBottom<TLength = (string & {}) | 0> = | Globals | TLength | 'auto' | (string & {});type ScrollPaddingInline
type ScrollPaddingInline<TLength = (string & {}) | 0> = | Globals | TLength | 'auto' | (string & {});type ScrollPaddingInlineEnd
type ScrollPaddingInlineEnd<TLength = (string & {}) | 0> = | Globals | TLength | 'auto' | (string & {});type ScrollPaddingInlineStart
type ScrollPaddingInlineStart<TLength = (string & {}) | 0> = | Globals | TLength | 'auto' | (string & {});type ScrollPaddingLeft
type ScrollPaddingLeft<TLength = (string & {}) | 0> = | Globals | TLength | 'auto' | (string & {});type ScrollPaddingRight
type ScrollPaddingRight<TLength = (string & {}) | 0> = | Globals | TLength | 'auto' | (string & {});type ScrollPaddingTop
type ScrollPaddingTop<TLength = (string & {}) | 0> = | Globals | TLength | 'auto' | (string & {});type ScrollSnapAlign
type ScrollSnapAlign = Globals | 'center' | 'end' | 'none' | 'start' | (string & {});type ScrollSnapCoordinate
type ScrollSnapCoordinate<TLength = (string & {}) | 0> = | Globals | DataType.Position<TLength> | 'none' | (string & {});type ScrollSnapDestination
type ScrollSnapDestination<TLength = (string & {}) | 0> = | Globals | DataType.Position<TLength>;type ScrollSnapPointsX
type ScrollSnapPointsX = Globals | 'none' | (string & {});type ScrollSnapPointsY
type ScrollSnapPointsY = Globals | 'none' | (string & {});type ScrollSnapStop
type ScrollSnapStop = Globals | 'always' | 'normal';type ScrollSnapType
type ScrollSnapType = | Globals | 'block' | 'both' | 'inline' | 'none' | 'x' | 'y' | (string & {});type ScrollSnapTypeX
type ScrollSnapTypeX = Globals | 'mandatory' | 'none' | 'proximity';type ScrollSnapTypeY
type ScrollSnapTypeY = Globals | 'mandatory' | 'none' | 'proximity';type ScrollTimeline
type ScrollTimeline = Globals | 'none' | (string & {});type ScrollTimelineAxis
type ScrollTimelineAxis = Globals | 'block' | 'inline' | 'x' | 'y' | (string & {});type ScrollTimelineName
type ScrollTimelineName = Globals | 'none' | (string & {});type ShapeImageThreshold
type ShapeImageThreshold = Globals | (string & {}) | (number & {});type ShapeMargin
type ShapeMargin<TLength = (string & {}) | 0> = Globals | TLength | (string & {});type ShapeOutside
type ShapeOutside = | Globals | DataType.VisualBox | 'margin-box' | 'none' | (string & {});type ShapeRendering
type ShapeRendering = | Globals | 'auto' | 'crispEdges' | 'geometricPrecision' | 'optimizeSpeed';type SpeakAs
type SpeakAs = | Globals | 'digits' | 'literal-punctuation' | 'no-punctuation' | 'normal' | 'spell-out' | (string & {});type StopColor
type StopColor = Globals | DataType.Color;type StopOpacity
type StopOpacity = Globals | (string & {}) | (number & {});type Stroke
type Stroke = Globals | DataType.Paint;type StrokeColor
type StrokeColor = Globals | DataType.Color;type StrokeDasharray
type StrokeDasharray<TLength = (string & {}) | 0> = | Globals | DataType.Dasharray<TLength> | 'none';type StrokeDashoffset
type StrokeDashoffset<TLength = (string & {}) | 0> = | Globals | TLength | (string & {}) | (number & {});type StrokeLinecap
type StrokeLinecap = Globals | 'butt' | 'round' | 'square';type StrokeLinejoin
type StrokeLinejoin = Globals | 'arcs' | 'bevel' | 'miter' | 'miter-clip' | 'round';type StrokeMiterlimit
type StrokeMiterlimit = Globals | (number & {}) | (string & {});type StrokeOpacity
type StrokeOpacity = Globals | (string & {}) | (number & {});type StrokeWidth
type StrokeWidth<TLength = (string & {}) | 0> = | Globals | TLength | (string & {}) | (number & {});type TableLayout
type TableLayout = Globals | 'auto' | 'fixed';type TabSize
type TabSize<TLength = (string & {}) | 0> = | Globals | TLength | (number & {}) | (string & {});type TextAlign
type TextAlign = | Globals | '-khtml-center' | '-khtml-left' | '-khtml-right' | '-moz-center' | '-moz-left' | '-moz-right' | '-webkit-center' | '-webkit-left' | '-webkit-match-parent' | '-webkit-right' | 'center' | 'end' | 'justify' | 'left' | 'match-parent' | 'right' | 'start';type TextAlignLast
type TextAlignLast = | Globals | 'auto' | 'center' | 'end' | 'justify' | 'left' | 'right' | 'start';type TextAnchor
type TextAnchor = Globals | 'end' | 'middle' | 'start';type TextAutospace
type TextAutospace = Globals | DataType.Autospace | 'auto' | 'normal';type TextBox
type TextBox = | Globals | DataType.TextEdge | 'auto' | 'none' | 'normal' | 'trim-both' | 'trim-end' | 'trim-start' | (string & {});type TextBoxEdge
type TextBoxEdge = Globals | DataType.TextEdge | 'auto';type TextBoxTrim
type TextBoxTrim = Globals | 'none' | 'trim-both' | 'trim-end' | 'trim-start';type TextCombineUpright
type TextCombineUpright = Globals | 'all' | 'digits' | 'none' | (string & {});type TextDecoration
type TextDecoration<TLength = (string & {}) | 0> = | Globals | DataType.Color | TLength | 'auto' | 'blink' | 'dashed' | 'dotted' | 'double' | 'from-font' | 'grammar-error' | 'line-through' | 'none' | 'overline' | 'solid' | 'spelling-error' | 'underline' | 'wavy' | (string & {});type TextDecorationColor
type TextDecorationColor = Globals | DataType.Color;type TextDecorationLine
type TextDecorationLine = | Globals | 'blink' | 'grammar-error' | 'line-through' | 'none' | 'overline' | 'spelling-error' | 'underline' | (string & {});type TextDecorationSkip
type TextDecorationSkip = | Globals | 'box-decoration' | 'edges' | 'leading-spaces' | 'none' | 'objects' | 'spaces' | 'trailing-spaces' | (string & {});type TextDecorationSkipInk
type TextDecorationSkipInk = Globals | 'all' | 'auto' | 'none';type TextDecorationStyle
type TextDecorationStyle = | Globals | 'dashed' | 'dotted' | 'double' | 'solid' | 'wavy';type TextDecorationThickness
type TextDecorationThickness<TLength = (string & {}) | 0> = | Globals | TLength | 'auto' | 'from-font' | (string & {});type TextEmphasis
type TextEmphasis = | Globals | DataType.Color | 'circle' | 'dot' | 'double-circle' | 'filled' | 'none' | 'open' | 'sesame' | 'triangle' | (string & {});type TextEmphasisColor
type TextEmphasisColor = Globals | DataType.Color;type TextEmphasisPosition
type TextEmphasisPosition = Globals | 'auto' | 'over' | 'under' | (string & {});type TextEmphasisStyle
type TextEmphasisStyle = | Globals | 'circle' | 'dot' | 'double-circle' | 'filled' | 'none' | 'open' | 'sesame' | 'triangle' | (string & {});type TextIndent
type TextIndent<TLength = (string & {}) | 0> = Globals | TLength | (string & {});type TextJustify
type TextJustify = | Globals | 'auto' | 'distribute' | 'inter-character' | 'inter-word' | 'none';type TextOrientation
type TextOrientation = Globals | 'mixed' | 'sideways' | 'sideways-right' | 'upright';type TextOverflow
type TextOverflow = Globals | 'clip' | 'ellipsis' | (string & {});type TextRendering
type TextRendering = | Globals | 'auto' | 'geometricPrecision' | 'optimizeLegibility' | 'optimizeSpeed';type TextShadow
type TextShadow = Globals | 'none' | (string & {});type TextSizeAdjust
type TextSizeAdjust = Globals | 'auto' | 'none' | (string & {});type TextSpacingTrim
type TextSpacingTrim = | Globals | 'normal' | 'space-all' | 'space-first' | 'trim-start';type TextTransform
type TextTransform = | Globals | 'capitalize' | 'full-size-kana' | 'full-width' | 'lowercase' | 'math-auto' | 'none' | 'uppercase' | (string & {});type TextUnderlineOffset
type TextUnderlineOffset<TLength = (string & {}) | 0> = | Globals | TLength | 'auto' | (string & {});type TextUnderlinePosition
type TextUnderlinePosition = | Globals | 'auto' | 'from-font' | 'left' | 'right' | 'under' | (string & {});type TextWrap
type TextWrap = | Globals | 'auto' | 'balance' | 'nowrap' | 'pretty' | 'stable' | 'wrap' | (string & {});type TextWrapMode
type TextWrapMode = Globals | 'nowrap' | 'wrap';type TextWrapStyle
type TextWrapStyle = Globals | 'auto' | 'balance' | 'pretty' | 'stable';type TimelineScope
type TimelineScope = Globals | 'none' | (string & {});type Top
type Top<TLength = (string & {}) | 0> = Globals | TLength | 'auto' | (string & {});type TouchAction
type TouchAction = | Globals | '-ms-manipulation' | '-ms-none' | '-ms-pan-x' | '-ms-pan-y' | '-ms-pinch-zoom' | 'auto' | 'manipulation' | 'none' | 'pan-down' | 'pan-left' | 'pan-right' | 'pan-up' | 'pan-x' | 'pan-y' | 'pinch-zoom' | (string & {});type Transform
type Transform = Globals | 'none' | (string & {});type TransformBox
type TransformBox = | Globals | 'border-box' | 'content-box' | 'fill-box' | 'stroke-box' | 'view-box';type TransformOrigin
type TransformOrigin<TLength = (string & {}) | 0> = | Globals | TLength | 'bottom' | 'center' | 'left' | 'right' | 'top' | (string & {});type TransformStyle
type TransformStyle = Globals | 'flat' | 'preserve-3d';type Transition
type Transition<TTime = string & {}> = | Globals | DataType.SingleTransition<TTime> | (string & {});type TransitionBehavior
type TransitionBehavior = Globals | 'allow-discrete' | 'normal' | (string & {});type TransitionDelay
type TransitionDelay<TTime = string & {}> = Globals | TTime | (string & {});type TransitionDuration
type TransitionDuration<TTime = string & {}> = Globals | TTime | (string & {});type TransitionProperty
type TransitionProperty = Globals | 'all' | 'none' | (string & {});type TransitionTimingFunction
type TransitionTimingFunction = Globals | DataType.EasingFunction | (string & {});type Translate
type Translate<TLength = (string & {}) | 0> = | Globals | TLength | 'none' | (string & {});type UnicodeBidi
type UnicodeBidi = | Globals | '-moz-isolate' | '-moz-isolate-override' | '-moz-plaintext' | '-webkit-isolate' | '-webkit-isolate-override' | '-webkit-plaintext' | 'bidi-override' | 'embed' | 'isolate' | 'isolate-override' | 'normal' | 'plaintext';type UserSelect
type UserSelect = Globals | '-moz-none' | 'all' | 'auto' | 'none' | 'text';type VectorEffect
type VectorEffect = | Globals | 'fixed-position' | 'non-rotation' | 'non-scaling-size' | 'non-scaling-stroke' | 'none';type VerticalAlign
type VerticalAlign<TLength = (string & {}) | 0> = | Globals | TLength | 'baseline' | 'bottom' | 'middle' | 'sub' | 'super' | 'text-bottom' | 'text-top' | 'top' | (string & {});type ViewTimeline
type ViewTimeline = Globals | 'none' | (string & {});type ViewTimelineAxis
type ViewTimelineAxis = Globals | 'block' | 'inline' | 'x' | 'y' | (string & {});type ViewTimelineInset
type ViewTimelineInset<TLength = (string & {}) | 0> = | Globals | TLength | 'auto' | (string & {});type ViewTimelineName
type ViewTimelineName = Globals | 'none' | (string & {});type ViewTransitionClass
type ViewTransitionClass = Globals | 'none' | (string & {});type ViewTransitionName
type ViewTransitionName = Globals | 'match-element' | 'none' | (string & {});type Visibility
type Visibility = Globals | 'collapse' | 'hidden' | 'visible';type WebkitAppearance
type WebkitAppearance = | Globals | '-apple-pay-button' | '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' | 'none' | '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';type WebkitBorderBefore
type WebkitBorderBefore<TLength = (string & {}) | 0> = | Globals | DataType.LineWidth<TLength> | DataType.LineStyle | DataType.Color | (string & {});type WebkitBorderBeforeColor
type WebkitBorderBeforeColor = Globals | DataType.Color;type WebkitBorderBeforeStyle
type WebkitBorderBeforeStyle = Globals | DataType.LineStyle | (string & {});type WebkitBorderBeforeWidth
type WebkitBorderBeforeWidth<TLength = (string & {}) | 0> = | Globals | DataType.LineWidth<TLength> | (string & {});type WebkitBoxReflect
type WebkitBoxReflect<TLength = (string & {}) | 0> = | Globals | TLength | 'above' | 'below' | 'left' | 'right' | (string & {});type WebkitLineClamp
type WebkitLineClamp = Globals | 'none' | (number & {}) | (string & {});type WebkitMask
type WebkitMask<TLength = (string & {}) | 0> = | Globals | DataType.Position<TLength> | DataType.RepeatStyle | DataType.VisualBox | 'border' | 'content' | 'none' | 'padding' | 'text' | (string & {});type WebkitMaskAttachment
type WebkitMaskAttachment = Globals | DataType.Attachment | (string & {});type WebkitMaskClip
type WebkitMaskClip = | Globals | DataType.PaintBox | 'border' | 'content' | 'no-clip' | 'padding' | 'text' | 'view-box' | (string & {});type WebkitMaskComposite
type WebkitMaskComposite = Globals | DataType.CompositeStyle | (string & {});type WebkitMaskImage
type WebkitMaskImage = Globals | 'none' | (string & {});type WebkitMaskOrigin
type WebkitMaskOrigin = | Globals | DataType.PaintBox | 'border' | 'content' | 'padding' | 'view-box' | (string & {});type WebkitMaskPosition
type WebkitMaskPosition<TLength = (string & {}) | 0> = | Globals | DataType.Position<TLength> | (string & {});type WebkitMaskPositionX
type WebkitMaskPositionX<TLength = (string & {}) | 0> = | Globals | TLength | 'center' | 'left' | 'right' | (string & {});type WebkitMaskPositionY
type WebkitMaskPositionY<TLength = (string & {}) | 0> = | Globals | TLength | 'bottom' | 'center' | 'top' | (string & {});type WebkitMaskRepeat
type WebkitMaskRepeat = Globals | DataType.RepeatStyle | (string & {});type WebkitMaskRepeatX
type WebkitMaskRepeatX = Globals | 'no-repeat' | 'repeat' | 'round' | 'space';type WebkitMaskRepeatY
type WebkitMaskRepeatY = Globals | 'no-repeat' | 'repeat' | 'round' | 'space';type WebkitMaskSize
type WebkitMaskSize<TLength = (string & {}) | 0> = | Globals | DataType.BgSize<TLength> | (string & {});type WebkitOverflowScrolling
type WebkitOverflowScrolling = Globals | 'auto' | 'touch';type WebkitTapHighlightColor
type WebkitTapHighlightColor = Globals | DataType.Color;type WebkitTextFillColor
type WebkitTextFillColor = Globals | DataType.Color;type WebkitTextStroke
type WebkitTextStroke<TLength = (string & {}) | 0> = | Globals | DataType.Color | TLength | (string & {});type WebkitTextStrokeColor
type WebkitTextStrokeColor = Globals | DataType.Color;type WebkitTextStrokeWidth
type WebkitTextStrokeWidth<TLength = (string & {}) | 0> = Globals | TLength;type WebkitTouchCallout
type WebkitTouchCallout = Globals | 'default' | 'none';type WebkitUserModify
type WebkitUserModify = | Globals | 'read-only' | 'read-write' | 'read-write-plaintext-only';type WebkitUserSelect
type WebkitUserSelect = Globals | 'all' | 'auto' | 'none' | 'text';type WhiteSpace
type WhiteSpace = | Globals | '-moz-pre-wrap' | 'break-spaces' | 'collapse' | 'normal' | 'nowrap' | 'pre' | 'pre-line' | 'pre-wrap' | 'preserve' | 'preserve-breaks' | 'preserve-spaces' | 'wrap' | (string & {});type WhiteSpaceCollapse
type WhiteSpaceCollapse = | Globals | 'break-spaces' | 'collapse' | 'preserve' | 'preserve-breaks' | 'preserve-spaces';type Widows
type Widows = Globals | (number & {}) | (string & {});type Width
type Width<TLength = (string & {}) | 0> = | Globals | TLength | '-moz-fit-content' | '-moz-max-content' | '-moz-min-content' | '-webkit-fit-content' | '-webkit-max-content' | 'auto' | 'fit-content' | 'intrinsic' | 'max-content' | 'min-content' | 'min-intrinsic' | (string & {});type WillChange
type WillChange = Globals | DataType.AnimateableFeature | 'auto' | (string & {});type WordBreak
type WordBreak = | Globals | 'auto-phrase' | 'break-all' | 'break-word' | 'keep-all' | 'normal';type WordSpacing
type WordSpacing<TLength = (string & {}) | 0> = Globals | TLength | 'normal';type WordWrap
type WordWrap = Globals | 'break-word' | 'normal';type WritingMode
type WritingMode = | Globals | 'horizontal-tb' | 'sideways-lr' | 'sideways-rl' | 'vertical-lr' | 'vertical-rl';type X
type X<TLength = (string & {}) | 0> = Globals | TLength | (string & {});type Y
type Y<TLength = (string & {}) | 0> = Globals | TLength | (string & {});type ZIndex
type ZIndex = Globals | 'auto' | (number & {}) | (string & {});type Zoom
type Zoom = Globals | 'normal' | 'reset' | (string & {}) | (number & {});Package Files (1)
Dependencies (0)
No dependencies.
Dev Dependencies (29)
- @babel/core
- @babel/preset-env
- @babel/preset-typescript
- @eslint/js
- @mdn/browser-compat-data
- @tsconfig/node24
- @types/chokidar
- @types/css-tree
- @types/jest
- @types/jsdom
- @types/node
- @types/prettier
- @types/turndown
- babel-jest
- chalk
- chokidar
- css-tree
- eslint-config-prettier
- eslint-plugin-prettier
- flow-bin
- jest
- jsdom
- mdn-data
- prettier
- release-it
- tsx
- turndown
- typescript
- typescript-eslint
Peer Dependencies (0)
No peer dependencies.
Badge
To add a badge like this oneto your package's README, use the codes available below.
You may also use Shields.io to create a custom badge linking to https://www.jsdocs.io/package/csstype.
- Markdown[](https://www.jsdocs.io/package/csstype)
- HTML<a href="https://www.jsdocs.io/package/csstype"><img src="https://img.shields.io/badge/jsDocs.io-reference-blue" alt="jsDocs.io"></a>
- Updated .
Package analyzed in 27706 ms. - Missing or incorrect documentation? Open an issue for this package.
