您的位置: 首页 > -webkit-mask-box-image

-webkit-mask-box-image 属性

定义图片遮罩的滚动特性。

有-webkit-前缀: 1.0 4.0 2.1 3.2

无-webkit-前缀: ? ?

?: 表示版本号未知,但该属性可用。

语法

-webkit-mask-box-image: mask-img* top right bottom left x_repeat y_repeat

mask-img:uri | gradient | none

top right bottom left :length | percentage

x_repeat y_repeat:repeat | stretch | round

取值

uri 图片路径
gradient 用-webkit-gradient函数生成遮罩图(mask image)
none 没有遮罩图片
top 图片离上边缘的距离
right 图片离右边缘的距离
bottom 图片离底边缘的距离
left 图片离左边缘的距离
x_repeat 水平方向的重复,取值:repeat | stretch | round
y_repeat 垂直方向的重复,取值:repeat | stretch | round

示例