border

英 [ˈbɔ:də(r)]   美 [ˈbɔ:rdə(r)]  

n.边界;边;镶边;包边

vt.& vi.与…接界,在…的边上

vt.沿…的边,环绕…,给…镶边

vi.近似,毗邻

第三人称单数: borders 复数: borders 现在分词: bordering 过去式: bordered 过去分词: bordered

image

英 [ˈɪmɪdʒ]   美 [ˈɪmɪdʒ]  

n.影像;肖像;概念,意向;镜像,映像

vt.反映;想像;作…的像;象征

第三人称单数: images 复数: images 现在分词: imaging 过去式: imaged 过去分词: imaged

slice

英 [slaɪs]   美 [slaɪs]  

vt.切成片;切下;划分

n.薄片;一部分;(因失误而打出的)曲线球

vi.斜击

第三人称单数: slices 复数: slices 现在分词: slicing 过去式: sliced 过去分词: sliced

css border-image-slice属性 语法

作用:规定图像边框的向内偏移。

语法:border-image-slice: number|%|fill;

说明:number    数字值,代表图像中像素(如果是光栅图像)或矢量坐标(如果是矢量图像)。    %    相对于图像尺寸的百分比值:图像的宽度影响水平偏移,高度影响垂直偏移。    fill    保留边框图像的中间部分。    

注释:该属性规定图像的上、右、下、左侧边缘的向内偏移,图像被分割为九个区域:四个角、四条边以及一个中间区域。除非使用了关键词 fill,否则中间的图像部分会被丢弃。如果省略第四个数值/百分比,则与第二个值相同。如果省略第三个值,则与第一个值相同。如果省略第二个值,则与第一个值相同。

css border-image-slice属性 示例

div{
border-image-source: url(http://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg);
border-image-slice: 50% 50%;
}

热门推荐

最新文章