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 ).
Read the Editor's Draft ↗
Each feature in detail Legacy alias. Spec This is a legacy name for align-content; the spec keeps it for compatibility only.
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.
Specification ↗
Legacy alias. Spec This is a legacy name for align-items; the spec keeps it for compatibility only.
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.
Specification ↗
Legacy alias. Spec This is a legacy name for align-self; the spec keeps it for compatibility only.
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.
Specification ↗
Legacy alias. Spec This is a legacy name for animation; the spec keeps it for compatibility only.
MDN The -webkit-animation Boolean CSS media feature is a WebKit extension whose value is true if vendor-prefixed CSS animation s 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.
Specification ↗ MDN reference ↗
Legacy alias. Spec This is a legacy name for animation-delay; the spec keeps it for compatibility only.
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.
Specification ↗
Legacy alias. Spec This is a legacy name for animation-direction; the spec keeps it for compatibility only.
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.
Specification ↗
Legacy alias. Spec This is a legacy name for animation-duration; the spec keeps it for compatibility only.
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.
Specification ↗
Legacy alias. Spec This is a legacy name for animation-fill-mode; the spec keeps it for compatibility only.
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.
Specification ↗
Legacy alias. Spec This is a legacy name for animation-iteration-count; the spec keeps it for compatibility only.
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.
Specification ↗
Legacy alias. Spec This is a legacy name for animation-name; the spec keeps it for compatibility only.
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.
Specification ↗
Legacy alias. Spec This is a legacy name for animation-play-state; the spec keeps it for compatibility only.
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.
Specification ↗
Legacy alias. Spec This is a legacy name for animation-timing-function; the spec keeps it for compatibility only.
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.
Specification ↗
Legacy alias. Spec This is a legacy name for backface-visibility; the spec keeps it for compatibility only.
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.
Specification ↗
Legacy alias. Spec This is a legacy name for background-clip; the spec keeps it for compatibility only.
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.
Specification ↗
Legacy alias. Spec This is a legacy name for background-origin; the spec keeps it for compatibility only.
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.
Specification ↗
Legacy alias. Spec This is a legacy name for background-size; the spec keeps it for compatibility only.
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.
Specification ↗
Legacy alias. Spec This is a legacy name for border-bottom-left-radius; the spec keeps it for compatibility only.
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.
Specification ↗
Legacy alias. Spec This is a legacy name for border-bottom-right-radius; the spec keeps it for compatibility only.
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.
Specification ↗
Legacy alias. Spec This is a legacy name for border-radius; the spec keeps it for compatibility only.
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.
Specification ↗
Legacy alias. Spec This is a legacy name for border-top-left-radius; the spec keeps it for compatibility only.
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.
Specification ↗
Legacy alias. Spec This is a legacy name for border-top-right-radius; the spec keeps it for compatibility only.
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.
Specification ↗
No prose in the spec's definition and no MDN page yet: the spec link below is the only description.
Specification ↗
No prose in the spec's definition and no MDN page yet: the spec link below is the only description.
Specification ↗
No prose in the spec's definition and no MDN page yet: the spec link below is the only description.
Specification ↗
No prose in the spec's definition and no MDN page yet: the spec link below is the only description.
Specification ↗
No prose in the spec's definition and no MDN page yet: the spec link below is the only description.
Specification ↗
Legacy alias. Spec This is a legacy name for box-shadow; the spec keeps it for compatibility only.
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.
Specification ↗
Legacy alias. Spec This is a legacy name for box-sizing; the spec keeps it for compatibility only.
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.
Specification ↗
Legacy alias. Spec This is a legacy name for filter; the spec keeps it for compatibility only.
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.
Specification ↗
Legacy alias. Spec This is a legacy name for flex; the spec keeps it for compatibility only.
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.
Specification ↗
Legacy alias. Spec This is a legacy name for flex-basis; the spec keeps it for compatibility only.
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.
Specification ↗
Legacy alias. Spec This is a legacy name for flex-direction; the spec keeps it for compatibility only.
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.
Specification ↗
Legacy alias. Spec This is a legacy name for flex-flow; the spec keeps it for compatibility only.
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.
Specification ↗
Legacy alias. Spec This is a legacy name for flex-grow; the spec keeps it for compatibility only.
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.
Specification ↗
Legacy alias. Spec This is a legacy name for flex-shrink; the spec keeps it for compatibility only.
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.
Specification ↗
Legacy alias. Spec This is a legacy name for flex-wrap; the spec keeps it for compatibility only.
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.
Specification ↗
Legacy alias. Spec This is a legacy name for justify-content; the spec keeps it for compatibility only.
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.
Specification ↗
Legacy alias. Spec This is a legacy name for mask; the spec keeps it for compatibility only.
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.
Specification ↗
Legacy alias. Spec This is a legacy name for mask-border; the spec keeps it for compatibility only.
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.
Specification ↗ MDN reference ↗
Legacy alias. Spec This is a legacy name for mask-border-outset; the spec keeps it for compatibility only.
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.
Specification ↗
Legacy alias. Spec This is a legacy name for mask-border-repeat; the spec keeps it for compatibility only.
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.
Specification ↗
Legacy alias. Spec This is a legacy name for mask-border-slice; the spec keeps it for compatibility only.
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.
Specification ↗
Legacy alias. Spec This is a legacy name for mask-border-source; the spec keeps it for compatibility only.
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.
Specification ↗
Legacy alias. Spec This is a legacy name for mask-border-width; the spec keeps it for compatibility only.
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.
Specification ↗
Legacy alias. Spec This is a legacy name for mask-clip; the spec keeps it for compatibility only.
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.
Specification ↗
Legacy alias. Spec This is a legacy name for mask-composite; the spec keeps it for compatibility only.
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.
Specification ↗ MDN reference ↗
Legacy alias. Spec This is a legacy name for mask-image; the spec keeps it for compatibility only.
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.
Specification ↗
Legacy alias. Spec This is a legacy name for mask-origin; the spec keeps it for compatibility only.
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.
Specification ↗
Legacy alias. Spec This is a legacy name for mask-position; the spec keeps it for compatibility only.
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.
Specification ↗
Legacy alias. Spec This is a legacy name for mask-repeat; the spec keeps it for compatibility only.
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.
Specification ↗
Legacy alias. Spec This is a legacy name for mask-size; the spec keeps it for compatibility only.
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.
Specification ↗
Legacy alias. Spec This is a legacy name for order; the spec keeps it for compatibility only.
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.
Specification ↗
Legacy alias. Spec This is a legacy name for perspective; the spec keeps it for compatibility only.
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.
Specification ↗
Legacy alias. Spec This is a legacy name for perspective-origin; the spec keeps it for compatibility only.
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.
Specification ↗
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 : 3 em ;
-webkit-text-fill-color : green ;
} < p >This text is green.</ p > 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.
Specification ↗ MDN reference ↗
Legacy alias. Spec This is a legacy name for text-size-adjust; the spec keeps it for compatibility only.
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.
Specification ↗
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 : 3 em ;
margin : 0 ;
-webkit-text-stroke : 2 px red ;
} < p id = "example" >The stroke of this text is red.</ p > 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.
Specification ↗ MDN reference ↗
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
CSS HTML JS
Edit Reset Copy
p {
margin : 0 ;
font-size : 4 em ;
-webkit-text-stroke-width : 3 px ;
-webkit-text-stroke-color : red ; /* Can be changed in the live sample */
} < p >Text with stroke</ p >
< input type = "color" value = "#ff0000" /> const colorPicker = document. querySelector ( "input" );
colorPicker. addEventListener ( "change" , ( evt ) => {
document. querySelector ( "p" ).style.webkitTextStrokeColor = evt.target.value;
}); 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.
Specification ↗ MDN reference ↗
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 : 4 em ;
-webkit-text-stroke-color : red ;
}
#thin {
-webkit-text-stroke-width : thin ;
}
#medium {
-webkit-text-stroke-width : 3 px ;
}
#thick {
-webkit-text-stroke-width : 1.5 mm ;
} < p id = "thin" >Thin stroke</ p >
< p id = "medium" >Medium stroke</ p >
< p id = "thick" >Thick stroke</ p > 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.
Specification ↗ MDN reference ↗
Legacy alias. Spec This is a legacy name for transform; the spec keeps it for compatibility only.
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.
Specification ↗
Legacy alias. Spec This is a legacy name for transform-origin; the spec keeps it for compatibility only.
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.
Specification ↗
Legacy alias. Spec This is a legacy name for transform-style; the spec keeps it for compatibility only.
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.
Specification ↗
Legacy alias. Spec This is a legacy name for transition; the spec keeps it for compatibility only.
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.
Specification ↗ MDN reference ↗
Legacy alias. Spec This is a legacy name for transition-delay; the spec keeps it for compatibility only.
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.
Specification ↗
Legacy alias. Spec This is a legacy name for transition-duration; the spec keeps it for compatibility only.
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.
Specification ↗
Legacy alias. Spec This is a legacy name for transition-property; the spec keeps it for compatibility only.
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.
Specification ↗
Legacy alias. Spec This is a legacy name for transition-timing-function; the spec keeps it for compatibility only.
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.
Specification ↗
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 : 150 vh ;
width : 70 vw ;
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.
Specification ↗ MDN reference ↗
No prose in the spec's definition and no MDN page yet: the spec link below is the only description.
Specification ↗