css3—(1)

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-radiusborder-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 可选。从外层的阴影(开始时)改变阴影内侧阴影

猜你喜欢

转载自blog.csdn.net/qq_35142645/article/details/84308690
今日推荐