购物车
登陆 / 注册
微信扫码登陆

推荐手册

border-image-width

border-image-width
border-image -width属性是用来指定图像边界的宽度。
编辑:前端控 前端控 更新时间:1970-01-01 08:00:00

border-image-width属性

含义:

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

浏览器支持:

表格中的数字表示支持该属性的第一个浏览器版本号

属性
border-image -width

 15.0

15.013.06.0 15.0

CSS语法:

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

注意: border-image -width的4个值指定用于把border图像区域分为九个部分。他们代表上,右,底部,左,两侧向内距离。如果第四个值被省略,它和第二个是相同的。如果也省略了第三个,它和第一个是相同的。如果也省略了第二个,它和第一个是相同的。负值是不允许的。

属性值:

描述
number表示相应的border-width 的倍数
%边界图像区域的大小:横向偏移的宽度的面积,垂直偏移的高度的面积 
auto 如果指定了,宽度是相应的image slice的内在宽度或高度    


实例

p{
	border:15px solid;
	padding: 30px;
	width:100px;
	border-image-source:url(images/kuang.jpg);
	border-image-repeat: repeat;
	border-image-width: 26% 2%;
	}

运行实例 »

点击 "运行实例" 按钮查看在线实例

效果图:

网站导航
网站首页
学习路径
视频教程
开发软件
旗下子站
php中文网
phpstudy
技术文章
文档工具
关于我们
企业合作
人才招聘
联系我们
讲师招募
QQ交流群
QQ交流群
微信公众号
微信公众号