小白教程
所有教程
关于
Search
108.162.216.92
108.162.216.92
参数设置
贡献
退出
操作
编辑
移动
保护
信息
历史
删除
查看“Css3 pr border image width”的源代码
本页内容
上一节:
Css3_pr_border_image_source
下一节:
Css3_pr_border_radius
因为以下原因,您没有权限编辑本页:
您请求的操作仅限属于该用户组的用户执行:
用户
您可以查看和复制此页面的源代码。
{{DISPLAYTITLE:border-image-width}}[[Category:css reference|79]] = CSS3 border-image-width 属性 = 指定图像边界的宽度: <sample title="" desc="" lang="html" hererun="1"> div { border-image-source: url(border.png); border-image-width: 30 30; } </sample> == 浏览器支持 == 表格中的数字表示支持该属性的第一个浏览器版本号。 {| class="table table-striped table-hover" ! 属性 ! Chrome ! Internet Explorer / Edge ! Firefox ! Safari ! Opera |- | border-image-width | 15.0 | 11.0 | 13.0 | 6.0 | 15.0 |} == 属性定义及使用说明 == border-image -width属性指定图像边界的宽度。 {| class="table table-striped table-hover" | 默认值: | 1 |- | 继承: | no |- | 版本: | CSS3 |- | JavaScript 语法: | object.style.borderImageWidth="30 30" |} == 语法 == <pre> border-image-width: number|%|auto;</pre> '''注意:''' border-image -width的4个值指定用于把border图像区域分为九个部分。他们代表上,右,底部,左,两侧向内距离。如果第四个值被省略,它和第二个是相同的。如果也省略了第三个,它和第一个是相同的。如果也省略了第二个,它和第一个是相同的。负值是不允许的。 {| class="table table-striped table-hover" ! 值 ! 说明 |- | number | 表示相应的border-width 的倍数 |- | % | 边界图像区域的大小:横向偏移的宽度的面积,垂直偏移的高度的面积 |- | auto | 如果指定了,宽度是相应的image slice的内在宽度或高度 |}
返回至“
Css3 pr border image width
”。
上一节:
Css3_pr_border_image_source
下一节:
Css3_pr_border_radius