MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

Sumário

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

Initial valuenone
Aplica-se aall elements; In SVG, it applies to container elements excluding the <defs> element and all graphics elements
Inheritednão
Percentagesas specified
Midiavisual
Computed valueas specified, but with url values made absolute
Animatableyes, as specified for basic-shape, otherwise no
Canonical orderthe unique non-ambiguous order defined by the formal grammar

Sintaxe

clip-path: <uri> | none | inherit

Valores

uri
<uri> | none | inherit

Exemplos

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

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

Especificações

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)

Compatibilidade dos Browsers

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

Veja Também

Etiquetas do documento e colaboradores

 Colaboradores desta página: teoli, JoaoMosmann
 Última atualização por: teoli,