CSS mask-clip property

Description

CSS mask-clip property specifies the area affected by the mask.

Syntax

mask-clip : border-box | padding-box | content-box

Property values

border-boxDefault

In this case, the mask of all of the areas within border-box is painted such as content area, padding area, and border area.

mask-clip: border-box;

padding-box

In this case, the mask of the areas that are within padding-box are painted such as the padding and content areas.

mask-clip: padding-box;

content-box

Only mask of content-area is painted i.e. excluding the other two areas.

mask-clip: content-box;

Applicable to

It applies to all elements

#CSS digger
Was this article helpful?

 
arrow
CSS mask-clip property specifies the area affected by the mask
×

Ctrl+D