-webkit-mask-box-image

-webkit-mask-box-image sets the mask image for an element's border box.

• Initial value: none
• Applies to: all elements
• Inherited: no
• Media: visual
• Computed value: as specified

-webkit-mask-box-image: <mask-box-image> [<top> <right> <bottom> <left> <x-repeat> <y-repeat>]

Where:

<mask-box-image>

<uri> | <gradient> | none

<top> <right> <bottom> <left>

<length> | <percentage>

<x-repeat> <y-repeat>

repeat | stretch | round | space

<uri>

The location of the image resource to be used as a mask image.

<gradient>

A -webkit-gradient function to be used as a mask image.

none

Used to specify that a border box is to have no mask image.

<length>

The size of the mask image's offset. See <length> for possible units.

<percentage>

The mask image's offset has a percentage value relative to the border box's corresponding dimension (width or height).

repeat

The mask image is repeated as many times as is necessary to span the border box. May include a partial image if the mask image does not divide evenly into the border box.

stretch

The mask image is stretched to contain the border box exactly.

round

The mask image is stretched somewhat and repeated such that there is no partial mask image at the end of the border box.

space

The mask image is repeated as many times as possible without stretching. There is no partial mask image at the end of the border box.

Not part of any standard.