mask-border-width - CSS（层叠样式表） 编辑

这是一个实验中的功能
此功能某些浏览器尚在开发中，请参考浏览器兼容性表格以得到在不同浏览器中适合使用的前缀。由于该功能对应的标准文档可能被重新修订，所以在未来版本的浏览器中该功能的语法和行为可能随之改变。

语法

/* Keyword value */
mask-border-width: auto;

/* <length> value */
mask-border-width: 1rem;

/* <percentage> value */
mask-border-width: 25%;

/* <number> value */
mask-border-width: 3;

/* vertical | horizontal */
mask-border-width: 2em 3em;

/* top | horizontal | bottom */
mask-border-width: 5% 15% 10%;

/* top | right | bottom | left */
mask-border-width: 5% 2em 10% auto;

/* Global values */
mask-border-width: inherit;
mask-border-width: initial;
mask-border-width: unset;

可以使用从下面的值列表中选择的一个，两个，三个或四个值来指定mask-border-width属性。

• 指定一个值时，即对应四条边的宽度；
• 指定两个值时，第一个值对应上下边框的宽度，第二个值对应左右边框的宽度；
• 指定三个值时，第一个值对应上边框的宽度，第二个值对应左右边框的宽度，第三个值对应底部边框的宽度；
• 指定四个值时，按顺时针方向，分别对应上，右，下，左边框的宽度。

值

<length-percentage>

mask边框宽度指定一个值或者百分比，设定百分比时，是相对于mask的长度和宽度。不能为负数。

<number>

mask边框宽度为元素border-width的倍数。不能为负数。

auto

使mask-border的宽度等于相应mask-border-slice的固有宽度或高度（以适用者为准），如果图像没有所需的固有尺寸，则使用相应的边框宽度。

Formal syntax

[ <length-percentage> | <number> | auto ]{1,4}
where 
<length-percentage> = <length> | <percentage>

Specifications

浏览器兼容性

待定