clip-path

von 1 Mitwirkenden:

Dies ist eine experimentelle Technologie
Da diese Technologie noch nicht definitiv implementiert wurde, sollte die Browser Kompatibilität beachtet werden. Es ist auch möglich, dass der Syntax in einer späteren Spezifikation noch geändert wird.

Übersicht

Die clip-path CSS Eigenschaft verhindert das Zeichnen eines Teils eines Elements, indem es einen Schnittbereich definiert.

Syntax

clip-path: <uri> | none | inherit

Werte

uri
<uri> | none | inherit

Beispiele

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

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

Spezifikation

Spezifikation Status Kommentar
Scalable Vector Graphics (SVG) 1.1 (Second Edition)
Die Definition von 'clip-path' in dieser Spezifikation.
Recommendation  

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

Browser-Kompatibilität

Merkmal Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Grundlegende Unterstützung ? ? ? ? ?
HTML Elemente ? 3.5 (1.9.1) Bug 450340 ? ? ?
Merkmal Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Grundlegende Unterstützung ? ? ? ? ?
HTML Elemente ? 1.0 (1.9.1) ? ? ?

Siehe auch

Schlagwörter des Dokuments und Mitwirkende

Mitwirkende an dieser Seite: Sebastianz
Zuletzt aktualisiert von: Sebastianz,