The Show
The
A clip-path =0 referencing an SVG clip-path =1 element. clip-path =2 A shape whose size and position is defined by the clip-path =3 value. If no geometry box is specified, the clip-path =4 will be used as the reference box. One of: clip-path =5 Defines an inset rectangle. clip-path =6 Defines a circle using a radius and a position. clip-path =7 Defines an ellipse using two radii and a position. clip-path =8 Defines a polygon using an SVG filling rule and a set of vertices. clip-path =9 Defines a shape using an optional SVG filling rule and an SVG path definition. clip-path =3 If specified in combination with a clip-path =2, this value defines the reference box for the basic shape. If specified by itself, it causes the edges of the specified box, including any corner shaping (such as a 2), to be the clipping path. The geometry box can be one of the following values: 3Uses the as the reference box. clip-path =4 Uses the as the reference box. 5Uses the as the reference box. 6Uses the as the reference box. 7Uses the object bounding box as the reference box. 8Uses the stroke bounding box as the reference box. 9Uses the nearest SVG viewport as the reference box. If a 0 attribute is specified for the element creating the SVG viewport, the reference box is positioned at the origin of the coordinate system established by the 1 attribute and the dimension of the size of the reference box is set to the width and height values of the 1 attribute. 3No clipping path is created. Note: A computed value other than 3 results in the creation of a new stacking context the same way that CSS 5 does for values other than 6.Initial value 3Applies toall elements; In SVG, it applies to container elements excluding the 8 element and all graphics elementsInheritednoPercentagesrefer to reference box when specified, otherwise border-boxComputed valueas specified, but with clip-path =0 values made absoluteAnimation typeyes, as specified for clip-path =2, otherwise no |