Editor's Draft · compat

Compatibility

68 properties, 1 at-rule defined by this specification, 9 of them known to at least one browser (the others are badged Not in any browser yet).

Each feature in detail

-webkit-align-content

Property Not in any browser yet

No prose in the spec's definition and no MDN page yet: the spec link below is the only description.

Syntax

normal | <baseline-position> | <content-distribution> | <overflow-position>? <content-position>

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

-webkit-align-items

Property Not in any browser yet

No prose in the spec's definition and no MDN page yet: the spec link below is the only description.

Syntax

normal | stretch | <baseline-position> | <overflow-position>? <self-position>

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

-webkit-align-self

Property Not in any browser yet

No prose in the spec's definition and no MDN page yet: the spec link below is the only description.

Syntax

auto | <overflow-position>? [ normal | <self-position> ]| stretch | <baseline-position>

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

-webkit-animation

Property Deprecated Non-standard

MDN The -webkit-animation Boolean CSS media feature is a WebKit extension whose value is true if vendor-prefixed CSS animations are supported.

Syntax

<single-animation>#

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

Browser support

First browser version supporting -webkit-animation
Chrome 2, removed in 36
Edge No
Firefox No
Safari 4
Chrome Android 18, removed in 36
Safari iOS 3.2

First version with support, from MDN browser-compat-data.

-webkit-animation-delay

Property Not in any browser yet

No prose in the spec's definition and no MDN page yet: the spec link below is the only description.

Syntax

<time>#

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

-webkit-animation-direction

Property Not in any browser yet

No prose in the spec's definition and no MDN page yet: the spec link below is the only description.

Syntax

<single-animation-direction>#

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

-webkit-animation-duration

Property Not in any browser yet

No prose in the spec's definition and no MDN page yet: the spec link below is the only description.

Syntax

<time [0s,∞]>#

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

-webkit-animation-fill-mode

Property Not in any browser yet

No prose in the spec's definition and no MDN page yet: the spec link below is the only description.

Syntax

<single-animation-fill-mode>#

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

-webkit-animation-iteration-count

Property Not in any browser yet

No prose in the spec's definition and no MDN page yet: the spec link below is the only description.

Syntax

<single-animation-iteration-count>#

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

-webkit-animation-name

Property Not in any browser yet

No prose in the spec's definition and no MDN page yet: the spec link below is the only description.

Syntax

[ none | <keyframes-name> ]#

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

-webkit-animation-play-state

Property Not in any browser yet

No prose in the spec's definition and no MDN page yet: the spec link below is the only description.

Syntax

<single-animation-play-state>#

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

-webkit-animation-timing-function

Property Not in any browser yet

No prose in the spec's definition and no MDN page yet: the spec link below is the only description.

Syntax

<easing-function>#

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

-webkit-backface-visibility

Property Not in any browser yet

No prose in the spec's definition and no MDN page yet: the spec link below is the only description.

Syntax

visible | hidden

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

-webkit-background-clip

Property Not in any browser yet

No prose in the spec's definition and no MDN page yet: the spec link below is the only description.

Syntax

<visual-box>#

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

-webkit-background-origin

Property Not in any browser yet

No prose in the spec's definition and no MDN page yet: the spec link below is the only description.

Syntax

<visual-box>#

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

-webkit-background-size

Property Not in any browser yet

No prose in the spec's definition and no MDN page yet: the spec link below is the only description.

Syntax

<bg-size>#

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

-webkit-border-bottom-left-radius

Property Not in any browser yet

No prose in the spec's definition and no MDN page yet: the spec link below is the only description.

Syntax

<border-radius>

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

-webkit-border-bottom-right-radius

Property Not in any browser yet

No prose in the spec's definition and no MDN page yet: the spec link below is the only description.

Syntax

<border-radius>

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

-webkit-border-radius

Property Not in any browser yet

No prose in the spec's definition and no MDN page yet: the spec link below is the only description.

Syntax

<length-percentage [0,∞]>{1,4} [ / <length-percentage [0,∞]>{1,4} ]?

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

-webkit-border-top-left-radius

Property Not in any browser yet

No prose in the spec's definition and no MDN page yet: the spec link below is the only description.

Syntax

<border-radius>

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

-webkit-border-top-right-radius

Property Not in any browser yet

No prose in the spec's definition and no MDN page yet: the spec link below is the only description.

Syntax

<border-radius>

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

-webkit-box-flex

Property Not in any browser yet

No prose in the spec's definition and no MDN page yet: the spec link below is the only description.

-webkit-box-pack

Property Not in any browser yet

No prose in the spec's definition and no MDN page yet: the spec link below is the only description.

-webkit-box-shadow

Property Not in any browser yet

No prose in the spec's definition and no MDN page yet: the spec link below is the only description.

Syntax

<spread-shadow>#

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

-webkit-box-sizing

Property Not in any browser yet

No prose in the spec's definition and no MDN page yet: the spec link below is the only description.

Syntax

content-box | border-box

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

-webkit-filter

Property Not in any browser yet

No prose in the spec's definition and no MDN page yet: the spec link below is the only description.

Syntax

none | <filter-value-list>

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

-webkit-flex

Property Not in any browser yet

No prose in the spec's definition and no MDN page yet: the spec link below is the only description.

Syntax

none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

-webkit-flex-basis

Property Not in any browser yet

No prose in the spec's definition and no MDN page yet: the spec link below is the only description.

Syntax

content | <'width'>

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

-webkit-flex-direction

Property Not in any browser yet

No prose in the spec's definition and no MDN page yet: the spec link below is the only description.

Syntax

row | row-reverse | column | column-reverse

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

-webkit-flex-flow

Property Not in any browser yet

No prose in the spec's definition and no MDN page yet: the spec link below is the only description.

Syntax

<'flex-direction'> || <'flex-wrap'>

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

-webkit-flex-grow

Property Not in any browser yet

No prose in the spec's definition and no MDN page yet: the spec link below is the only description.

Syntax

<number [0,∞]>

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

-webkit-flex-shrink

Property Not in any browser yet

No prose in the spec's definition and no MDN page yet: the spec link below is the only description.

Syntax

<number [0,∞]>

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

-webkit-flex-wrap

Property Not in any browser yet

No prose in the spec's definition and no MDN page yet: the spec link below is the only description.

Syntax

nowrap | [ wrap | wrap-reverse ] || balance

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

-webkit-justify-content

Property Not in any browser yet

No prose in the spec's definition and no MDN page yet: the spec link below is the only description.

Syntax

normal | <content-distribution> | <overflow-position>? [ <content-position> | left | right ]

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

-webkit-mask

Property Not in any browser yet

No prose in the spec's definition and no MDN page yet: the spec link below is the only description.

Syntax

<mask-layer>#

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

-webkit-mask-box-image

Property Non-standard

MDN The non-standard prefixed -webkit-mask-box-image CSS shorthand property sets the mask image for an element's border box.

Syntax

<'mask-border-source'> || <'mask-border-slice'> [ / <'mask-border-width'>? [ / <'mask-border-outset'> ]? ]? || <'mask-border-repeat'> || <'mask-border-mode'>

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

Browser support

First browser version supporting -webkit-mask-box-image
Chrome 1
Edge 79
Firefox No
Safari 3.1
Chrome Android 18
Safari iOS 2

First version with support, from MDN browser-compat-data.

-webkit-mask-box-image-outset

Property Not in any browser yet

No prose in the spec's definition and no MDN page yet: the spec link below is the only description.

Syntax

<'border-image-outset'>

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

-webkit-mask-box-image-repeat

Property Not in any browser yet

No prose in the spec's definition and no MDN page yet: the spec link below is the only description.

Syntax

<'border-image-repeat'>

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

-webkit-mask-box-image-slice

Property Not in any browser yet

No prose in the spec's definition and no MDN page yet: the spec link below is the only description.

Syntax

<'border-image-slice'>

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

-webkit-mask-box-image-source

Property Not in any browser yet

No prose in the spec's definition and no MDN page yet: the spec link below is the only description.

Syntax

<'border-image-source'>

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

-webkit-mask-box-image-width

Property Not in any browser yet

No prose in the spec's definition and no MDN page yet: the spec link below is the only description.

Syntax

<'border-image-width'>

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

-webkit-mask-clip

Property Not in any browser yet

No prose in the spec's definition and no MDN page yet: the spec link below is the only description.

Syntax

[ <coord-box> | no-clip ]#

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

-webkit-mask-composite

Property Non-standard

MDN The -webkit-mask-composite property specifies the manner in which multiple mask images applied to the same element are composited with one another. Mask images are composited in the opposite order that they are declared with the -webkit-mask-image property.

Syntax

<compositing-operator>#

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

Browser support

First browser version supporting -webkit-mask-composite
Chrome 1
Edge 18
Firefox No
Safari 3.1
Chrome Android 18
Safari iOS 2

First version with support, from MDN browser-compat-data.

-webkit-mask-image

Property Not in any browser yet

No prose in the spec's definition and no MDN page yet: the spec link below is the only description.

Syntax

<mask-reference>#

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

-webkit-mask-origin

Property Not in any browser yet

No prose in the spec's definition and no MDN page yet: the spec link below is the only description.

Syntax

<coord-box>#

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

-webkit-mask-position

Property Not in any browser yet

No prose in the spec's definition and no MDN page yet: the spec link below is the only description.

Syntax

<position>#

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

-webkit-mask-repeat

Property Not in any browser yet

No prose in the spec's definition and no MDN page yet: the spec link below is the only description.

Syntax

<repeat-style>#

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

-webkit-mask-size

Property Not in any browser yet

No prose in the spec's definition and no MDN page yet: the spec link below is the only description.

Syntax

<bg-size>#

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

-webkit-order

Property Not in any browser yet

No prose in the spec's definition and no MDN page yet: the spec link below is the only description.

Syntax

<integer>

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

-webkit-perspective

Property Not in any browser yet

No prose in the spec's definition and no MDN page yet: the spec link below is the only description.

Syntax

none | <length [0,∞]>

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

-webkit-perspective-origin

Property Not in any browser yet

No prose in the spec's definition and no MDN page yet: the spec link below is the only description.

Syntax

<position>

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

-webkit-text-fill-color

Property Baseline: widely availablesince October 2019

MDN The -webkit-text-fill-color CSS property specifies the fill color of characters of text. If this property is not set, the value of the color property is used.

Live preview Example from MDN
p {
  margin: 0;
  font-size: 3em;
  -webkit-text-fill-color: green;
}

Syntax

<color>

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

Definition

Initial
currentcolor
Applies to
all elements
Inherited
yes
Percentages
N/A
Computed value
an RGBA color
Canonical order
per grammar
Animation type
by computed value type

Browser support

First browser version supporting -webkit-text-fill-color
Chrome 1
Edge 12
Firefox 49
Safari 3
Chrome Android 18
Safari iOS 2

First version with support, from MDN browser-compat-data.

-webkit-text-size-adjust

Property Not in any browser yet

No prose in the spec's definition and no MDN page yet: the spec link below is the only description.

Syntax

auto | none | <percentage [0,∞]>

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

-webkit-text-stroke

Property Baseline: widely availablesince October 2019

MDN The -webkit-text-stroke CSS shorthand property specifies the width and color of strokes for text characters.

Live preview Example from MDN
#example {
  font-size: 3em;
  margin: 0;
  -webkit-text-stroke: 2px red;
}

Syntax

<line-width> || <color>

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

Definition

Initial
See individual properties
Applies to
See individual properties
Inherited
yes
Percentages
N/A
Computed value
See individual properties
Canonical order
per grammar
Animation type
See individual properties
Longhands
-webkit-text-stroke-width, -webkit-text-stroke-color

Browser support

First browser version supporting -webkit-text-stroke
Chrome 4
Edge 15
Firefox 49
Safari 3
Chrome Android 18
Safari iOS 2

First version with support, from MDN browser-compat-data.

-webkit-text-stroke-color

Property Baseline: widely availablesince October 2019

MDN The -webkit-text-stroke-color CSS property specifies the stroke color of characters of text. If this property is not set, the value of the color property is used.

Live preview Example from MDN
p {
  margin: 0;
  font-size: 4em;
  -webkit-text-stroke-width: 3px;
  -webkit-text-stroke-color: red; /* Can be changed in the live sample */
}

Syntax

<color>

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

Definition

Initial
currentcolor
Applies to
all elements
Inherited
yes
Percentages
N/A
Computed value
an RGBA color
Canonical order
per grammar
Animation type
by computed value type

Browser support

First browser version supporting -webkit-text-stroke-color
Chrome 1
Edge 15
Firefox 49
Safari 3
Chrome Android 18
Safari iOS 2

First version with support, from MDN browser-compat-data.

-webkit-text-stroke-width

Property Baseline: widely availablesince October 2019

MDN The -webkit-text-stroke-width CSS property specifies the width of the stroke for text.

Live preview Example from MDN
p {
  margin: 0;
  font-size: 4em;
  -webkit-text-stroke-color: red;
}

#thin {
  -webkit-text-stroke-width: thin;
}

#medium {
  -webkit-text-stroke-width: 3px;
}

#thick {
  -webkit-text-stroke-width: 1.5mm;
}

Syntax

<line-width>

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

Definition

Initial
0
Applies to
all elements
Inherited
yes
Percentages
N/A
Computed value
absolute length
Canonical order
per grammar
Animation type
discrete

Browser support

First browser version supporting -webkit-text-stroke-width
Chrome 1
Edge 15
Firefox 49
Safari 3
Chrome Android 18
Safari iOS 2

First version with support, from MDN browser-compat-data.

-webkit-transform

Property Not in any browser yet

No prose in the spec's definition and no MDN page yet: the spec link below is the only description.

Syntax

none | <transform-list>

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

-webkit-transform-origin

Property Not in any browser yet

No prose in the spec's definition and no MDN page yet: the spec link below is the only description.

Syntax

[ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] <length>? | [ [ center | left | right ] && [ center | top | bottom ] ] <length>?

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

-webkit-transform-style

Property Not in any browser yet

No prose in the spec's definition and no MDN page yet: the spec link below is the only description.

Syntax

flat | preserve-3d

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

-webkit-transition

Property Deprecated Non-standard

MDN The -webkit-transition Boolean non-standard CSS media feature is a WebKit extension whose value is true if the browsing context supports CSS transitions.

Syntax

<single-transition>#

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

Browser support

First browser version supporting -webkit-transition
Chrome 2, removed in 36
Edge No
Firefox No
Safari 4
Chrome Android 18, removed in 36
Safari iOS 3.2

First version with support, from MDN browser-compat-data.

-webkit-transition-delay

Property Not in any browser yet

No prose in the spec's definition and no MDN page yet: the spec link below is the only description.

Syntax

<time>#

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

-webkit-transition-duration

Property Not in any browser yet

No prose in the spec's definition and no MDN page yet: the spec link below is the only description.

Syntax

<time [0s,∞]>#

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

-webkit-transition-property

Property Not in any browser yet

No prose in the spec's definition and no MDN page yet: the spec link below is the only description.

Syntax

none | <single-transition-property>#

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

-webkit-transition-timing-function

Property Not in any browser yet

No prose in the spec's definition and no MDN page yet: the spec link below is the only description.

Syntax

<easing-function>#

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

touch-action

Property Baseline: widely availablesince March 2022

MDN The touch-action CSS property sets how an element's region can be manipulated by a touchscreen user (for example, by zooming features built into the browser).

Live preview Example from MDN
#map {
  height: 150vh;
  width: 70vw;
  background: linear-gradient(blue, green);
  touch-action: none;
}

Syntax

auto | none | [ [ pan-x | pan-left | pan-right ] || [ pan-y | pan-up | pan-down ] || pinch-zoom ] | manipulation

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

Definition

Initial
auto
Applies to
all elements except: non-replaced inline elements, table rows, row groups, table columns, and column groups.
Inherited
no
Percentages
N/A
Computed value
Same as specified value
Canonical order
per grammar
Animation type
not animatable

Browser support

First browser version supporting touch-action
Chrome 36
Edge 12
Firefox 52
Safari 13
Chrome Android 36
Safari iOS 9.3

First version with support, from MDN browser-compat-data.