CSS clip-path property (for HTML)
Method of defining the visible region of an HTML element using SVG or a shape definition.
IE | Edge | Firefox | Chrome | Safari | Opera | iOS Safari | Opera Mini | Android Browser | Blackberry Browser | Opera Mobile | Chrome for Android | Firefox for Android | IE Mobile | UC Browser for Android | Samsung Internet | QQ Browser | Baidu Browser |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
49webkit
See notes:
|
|||||||||||||||||
56
See notes:
|
9.3webkit
See notes:
|
4.4webkit
See notes:
|
|||||||||||||||
14 | 52
See notes:
|
57
See notes:
|
10webkit
See notes:
|
10.0-10.2webkit
See notes:
|
4.4.3-4.4.4webkit
See notes:
|
4webkit
See notes:
|
|||||||||||
11 | 15 | 53
See notes:
|
58
See notes:
|
10.1webkit
See notes:
|
44
See notes:
|
10.3webkit
See notes:
|
all | 56
See notes:
|
10 | 37o
See notes:
|
57
See notes:
|
52
See notes:
|
11 | 11.4webkit
See notes:
|
5webkit
See notes:
|
1.2webkit
See notes:
|
7.12
See notes:
|
54 | 59
See notes:
|
TPwebkit
See notes:
|
45
See notes:
|
||||||||||||||
55 | 60
See notes:
|
46
See notes:
|
|||||||||||||||
56 | 61
See notes:
|
Notes
Support refers to the clip-path
CSS property on HTML elements specifically. Support for clip-path
in SVG is supported in all browsers with basic SVG support.
-
1
Partial support refers to only supporting the
url()
syntax. -
2
Partial support refers to supporting shapes and the
url(#foo)
syntax for inline SVG, but not shapes in external SVGs. -
3
Supports shapes behind the
layout.css.clip-path-shapes.enabled
flag