clip
Veraltet: Diese Funktion wird nicht mehr empfohlen. Obwohl einige Browser sie möglicherweise noch unterstützen, könnte sie bereits aus den relevanten Webstandards entfernt worden sein, in Kürze entfernt werden oder nur noch aus Kompatibilitätsgründen bestehen. Vermeiden Sie die Verwendung und aktualisieren Sie vorhandenen Code, falls möglich; siehe die Kompatibilitätstabelle am Ende dieser Seite, um Ihre Entscheidung zu unterstützen. Beachten Sie, dass diese Funktion jederzeit aufhören könnte zu funktionieren.
Das clip
-Attribut definiert den sichtbaren Bereich eines Elements. Sie sollten stattdessen clip-path
verwenden.
Hinweis:
Als Präsentationsattribut hat clip
auch ein entsprechendes CSS-Property: clip
. Wenn beide angegeben sind, hat die CSS-Eigenschaft Priorität.
Dieses Attribut hat die gleichen Parameterwerte wie für die CSS-clip
-Eigenschaft definiert. Einheitenlose Werte, die aktuelle Benutzerkoordinaten angeben, sind für die Koordinatenwerte im rect()
erlaubt. Der Wert auto
definiert einen Clipping-Pfad entlang der Grenzen des Viewports, der durch das angegebene Element erstellt wird.
Sie können dieses Attribut mit den folgenden SVG-Elementen verwenden:
Beispiel
<svg viewBox="0 0 20 10" xmlns="http://www.w3.org/2000/svg">
<!-- Auto clipping -->
<svg x="0" width="10" height="10" clip="auto">
<circle cx="5" cy="5" r="4" stroke="green" />
</svg>
<!-- Rect(top, right, bottom, left) clipping -->
<svg x="10" width="10" height="10" clip="rect(1, 9, 8, 2)">
<circle cx="5" cy="5" r="4" stroke="green" />
</svg>
</svg>
Verwendungshinweise
Wert | auto | rect() |
---|---|
Standardwert | auto |
Animierbar | Ja |
Der Wert auto
definiert einen Clipping-Pfad entlang der Grenzen des Viewports, der durch das angegebene Element erstellt wird. Der Wert rect()
definiert ein Clipping-Rechteck nach folgendem Syntaxschema: rect(<top>, <right>, <bottom>, <left>)
. Die Werte <top>
und <bottom>
geben die Offsets von der oberen Randkante des Element-Viewports an, während <right>
und <left>
die Offsets von der linken Randkante des Element-Viewports angeben.
Spezifikationen
Specification |
---|
CSS Masking Module Level 1 # clip-property |
Browser-Kompatibilität
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
clip |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- Deprecated. Not for use in new websites.
- See implementation notes.