clip-path

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: kscarfone,
Hide Sidebar