clip-path attribute | clipPath property
Sets or retrieves a reference to the Scalable Vector Graphics (SVG) graphical object that will be used as the clipping path.
![]() ![]() |
Syntax
| HTML |
|---|
<element clip-path="p" ... > |
| JavaScript |
|---|
p = object.clipPath |
Property values
Type: String
One of the values in the Property Values section.
Standards information
- Scalable Vector Graphics: Clipping, Masking and Compositing, Section 14.3.6
Remarks
An IRI is similar to a URL. For example, an SVG file called myDrawing.svg located at http://contoso.com might have the following IRI: http://contoso.com/myDrawing.svg.
See also
- a
- CSSStyleDeclaration
- currentStyle
- style
- SVGCircleElement
- SVGDefsElement
- SVGEllipseElement
- SVGGElement
- SVGImageElement
- SVGLineElement
- SVGMarkerElement
- SVGMaskElement
- SVGPathElement
- SVGPatternElement
- SVGPolygonElement
- SVGPolylineElement
- SVGRectElement
- SVGSVGElement
- SVGSwitchElement
- SVGSymbolElement
- SVGTextElement
- SVGUseElement
- clip-rule
Show:

