border-image:source slice width outset repeat 边框属性
border-image-source:none|image;(用于指定要用于绘制边框的图像的位置)
none | 没有图片 |
image | url(图片路径) |
border-image-slice:number|%|fill;(指定图像的边界向内偏移)
number | 数字表示图像的像素(位图图像)或向量的坐标(如果图像是矢量图像) |
% | 百分比图像的大小是相对的:水平偏移图像的宽度,垂直偏移图像的高度 |
fill | 保留图像的中间部分 |
border-image-width:number|%|auto;(图像边界的宽度)
number | 表示相应的border-width 的倍数 |
% | 边界图像区域的大小:横向偏移的宽度的面积,垂直偏移的高度的面积 |
auto | 如果指定了,宽度是相应的image slice的内在宽度或高度 |
border-image-outset:length|number;(用于指定在边框外部绘制 border-image-area 的量)
length | 设置边框图像与边框(border-image)的距离,默认为0。 |
number | 代表相应的 border-width 的倍数 |
border-image-image:repeat|round|space|stretch|inherit|initial;
(用于设置图像边界是否应重复(repeat)、拉伸(stretch)或铺满(round))
repeat |
平铺(repeated)图像来填充区域。 |
round |
类似 repeat 值。如果无法完整平铺所有图像,则对图像进行缩放以适应区域。 |
space |
类似 repeat 值。如果无法完整平铺所有图像,扩展空间会分布在图像周围 |
stretch |
默认值。拉伸图像来填充区域 |
inherit |
从父元素中继承该属性 |
initial |
将此属性设置为默认值 |
圆角属性(上右下左四个角)
border-radius:border-top-left-radius border-top-right-radius border-bottom-right-radius border-bottom-left-radius
盒子阴影属性
box-shadow:h-shadow v-shadow blur spread color inset;
h-shadow | 必需的。水平阴影的位置。允许负值 |
v-shadow | 必需的。垂直阴影的位置。允许负值 |
blur | 可选。模糊距离 |
spread | 可选。阴影的大小 |
color | 可选。阴影的颜色。在CSS颜色值寻找颜色值的完整列表 |
inset | 可选。从外层的阴影(开始时)改变阴影内侧阴影 |