CSS3背景总结

描述CSS
background-color 规定要使用的背景颜色。 1
background-position 规定背景图像的位置。 1
background-size 规定背景图片的尺寸。 3
background-repeat 规定如何重复背景图像。 1
background-origin 规定背景图片的定位区域。 3
background-clip 规定背景的绘制区域。 3
background-attachment 规定背景图像是否固定或者随着页面的其余部分滚动。 1
background-image 规定要使用的背景图像。 1
inherit 规定应该从父元素继承 background 属性的设置。 1

 

 

 

 

 

 

 

CSS3 background-origin 属性

background-origin 属性规定背景图片的定位区域。

背景图片可以放置于 content-box、padding-box 或 border-box 区域。

背景图片的定位区域

描述测试
border-box 背景被裁剪到边框盒。 测试
padding-box 背景被裁剪到内边距框。 测试
content-box 背景被裁剪到内容框。 测试

 

 

 

定义和用法

background-attachment 属性设置背景图像是否固定或者随着页面的其余部分滚动。

默认值: scroll
继承性: no
版本: CSS1
JavaScript 语法: object.style.backgroundAttachment="fixed"
 
 

 

可能的值

描述

 

scroll 默认值。背景图像会随着页面其余部分的滚动而移动。
fixed 当页面的其余部分滚动时,背景图像不会移动。
inherit 规定应该从父元素继承 background-attachment 属性的设置。
posted @ 2018-01-10 17:25  前端极客  阅读(130)  评论(0编辑  收藏  举报