Tagged

background-clip

A collection of 1 post

background

css3笔记——增强的background属性

css3中增强了background属性,其值为[,]*。css3中容许使用多个背景图像,之间用逗号分割,表示为一个背景图像层,每个背景图像层中都可包含 [background-image] | [background-color] | [background-origin] | [background-clip] | [background-repeat] | [background-size] | [background-position] | [background-attachment] 各自的意思为: background-image:定义背景图片。 background-color:定义背景颜色。 background-origin:定义背景的显示区域。 background-clip:指定背景的裁剪区域。 background-repeat:设置背景图像是否以及如何重复铺排。 background-size:设置背景图片的大小。 background-position:设置背景图片的位置。 background-attachment:设置背景图像的显示方式。 css3中新增的background子属性为background-origin,background-clip和background-size,查看demo。 一,定义背景图的坐标原点——background-origin 在默认情况下background-position属性总是以左上角为坐标原点进行背景定位。而background-origin属性可以改变这种定位的方式。 background-origin的值有: border-box:从边框区域开始显示背景。 padding-box:从内边距开始显示背景,默认值。 content-box:仅在内容区域显示背景。 注意,对于background-origin属性,css3规范有过变化,