Join MDN and developers like you at Mozilla's View Source conference, 12-14 September in Berlin, Germany. Learn more at https://viewsourceconf.org

clip-path Redirect 1

Summary

Syntax

clip-path: <uri> | none | inherit

Values

uri
<uri> | none | inherit

Examples

.target { clip-path: url(#c1); }

.anothertarget { clip-path: url(resources.svg#c1); }

Specifications

Specification Status Comment
Scalable Vector Graphics (SVG) 1.1 (Second Edition) Recommendation  

Its extension to HTML elements is not yet present in any specification.

Browser compatibility

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support ? ? ? ? ?
HTML elements ? 3.5 (1.9.1) bug 450340 ? ? ?
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support ? ? ? ? ?
HTML elements ? 1.0 (1.9.1) ? ? ?

See also

Document Tags and Contributors

 Last updated by: Sheppy,