clip-path

Sumário

A propriedade clip-path previne que uma porção de um elemento seja renderizada ao definir uma região de corte.

Initial value	`none`
Aplica-se a	all elements; In SVG, it applies to container elements excluding the `<defs>` element and all graphics elements
Inherited	não
Percentages	as specified
Midia	visual
Computed value	as specified, but with `url` values made absolute
Animatable	yes, as specified for `basic-shape`, otherwise no
Canonical order	the unique non-ambiguous order defined by the formal grammar

clip-path: <uri> | none | inherit

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

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

Especificação	Status	Comentário
CSS Masking Level 1 The definition of 'clip-path' in that specification.	Candidate Recommendation	Extende a aplicação do clip-path ao HTML Element
Scalable Vector Graphics (SVG) 1.1 (Second Edition) The definition of 'clip-path' in that specification.	Recommendation	Definição inicial (aplicado apenas para SVG Elements)

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)	?	?	?