CSS mask-origin property

Description

CSS mask-origin property specifies the position of mask image with respect to different components of box model i.e. we define a point where we start measuring for the mask position.


Syntax

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

Property values

padding-boxDefault

The mask image is positioned relative to the padding box.

mask-origin: padding-box;

border-box

The mask image is positioned relative to the border box.

mask-origin: border-box;

content-box

The mask image is positioned relative to the content box.

mask-origin: content-box;

Applicable to

It applies to all elements

#CSS digger
Was this article helpful?

 
The image may be positioned with respect to any of the box area i.e. border, padding, and area box.
×

Ctrl+D