CSS3边界图片

border-image属性

使用border-image-*属性来构建美丽的可扩展按钮

语法:border-image:source  slice   width   outset   repeat;

兼容性:IE不兼容  Firefox  Chrome   Safari6+   Opera不兼容

border-image-source属性

border-image-source属性指定要用的图像  而不是由border-style属性设置边框样式

语法:border-image-source:none |  image;

border-image-slice属性

border-image-slice属性指定图像的边界向内偏移

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

border-image-width属性

border-image-width属性指定图像边界的宽度

语法:border-image-width:number  |   %    | auto;

border-image-outset属性(变大   外张) 

border-image-outset属性用于指定在边框外部绘制border-image-area量

语法:border-image-outset:length  |  number

border-image-repeat属性 

该属性用于图像边界是否应重复(repeated)、拉伸(stretched)或铺满(rounded)

语法:border-image-repeat:stretch  |   repeat  |  round  |   initial    |   inherit

 

CSS3边界图片

上一篇:C++ Concurrency in Action 读书笔记


下一篇:Ajax 相关