Let’s get started straight away with the syntax of the clip property which is not only a little bit weird but also probably difficult to understand at first glance. First thing you should note: the clip property only works on elements with position: absolute or position: fixed. It won’t work with relative or static positioning. The clip property accepts only three different values:
- Auto: this is the default behavior. Setting clip to auto is the same thing as not using clip at all.
- Inherit: well, it inherits the clip value from its parent.
- A shape function. Currently only rect() exists.