Home Menu

mask-clip

The mask-clip CSS property determines the mask painting area, which determines the area that is affected by the mask.

Syntax

CSS

mask-clip: value;

JS

object.style.maskClip = "value";

Values

<'mask-clip'> = [ <geometry-box> | no-clip ]#
<geometry-box> = <shape-box> | fill-box | stroke-box | view-box
<shape-box> = <box> | margin-box
<box> = border-box | padding-box | content-box
border-box

Area within the border box.

padding-box

Area within the padding box.

content-box

Area within the content box.

margin-box

Area within the margin box.

fill-box

Uses the object bounding box as a reference box.

stroke-box

Uses the stroke bounding box as a reference box.

view-box

Uses the nearest SVG viewport as a reference box.

no-clip

The painted content is not restricted (not clipped).

Initial

border-box

Examples

border-box

content-box

fill-box

margin-box

no-clip

padding-box

stroke-box

view-box

JS

Internal

mask

mask-composite

mask-image

mask-mode

mask-origin

mask-position

mask-repeat

mask-size

mask-type

External

World Wide Web Consortium (W3C)

JesusBible
HTMLCSSJSPHPSVGMore
AboutTerms