CSS path() Function

❮ Previous Functions Next ❯


.example {
  clip-path: path('M 20 240 \ C 20 0 300 0 300 240 Z');


The path() css function defines a shape using an SVG fill-rule and an SVG path definition.

Most browser only supported on the offset-path property.

Version: CSS3

Standard Syntax

path([fill-rule,]? string)

Browser Support

The numbers in the table specify the first browser version that fully supports the property.


Function Arguments

The following table describes the arguments of this function.

Argument Description
fill-rule The fill-rule used to determine the interior of the path. Possible values are nonzero and evenodd. Default value when omitted is nonzero.
string Required. The string is an SVG Path string encompassed in quotes.
❮ Previous Functions Next ❯