css3-背景新增特性-背景与边框（1）

image.png

1.background-clip属性-指定背景的显示范围

image.png

2.background-origin属性-指定绘制背景图像的绘制起点

image.png
image.png
image.png

3.background-size属性-指定背景图像的尺寸

image.png

可以设置一个参数，表示宽高都为该数据；
宽高设定后，可以设置百分比。

image.png

如果维持图像纵横比例，设定高度或宽度同时，另一个参数定位auto。
ps：auto为自适应的意思

4.background-break属性-指定内联元素背景图像进行平铺时的循环方式

有三种循环方式：
1.background-break：bounding-box 在整个内联元素中进行平铺；
2.background-break：each-box 在每一行平铺；
3.background-break：continuous 下一行接着上一行继续平铺。

image.png