css3 background-clip和background-origin 区别
在css3中，background-clip和background-origin它们2个的功能大致相同，但又有些细微差别。 1.background-clip：规定背景的绘制区域，当背景是纯颜色时与图片时，它的显示方式又不一样。它有3种属性：border-box、padding-box ...
原文：css3属性中background-clip与background-origin的用法释疑
困惑在哪里 background clip 与 background origin是css 中引入的两个跟元素背景相关的属性，它们有相同的可选值，即border padding content三种，而且这两个属性表示的都是元素背景与元素边框 补白 padding 和内容区域之间的某种关系。 比如，我们想要在边框上显示背景，我们可以使用background origin帮我们实现 前提是边框要是透明 ...
2012-11-13 16:52 7 29154 推荐指数：
相关推荐
【CSS3】background-origin和background-clip的区别
background-clip 与 background-origin是css3中引入的两个跟元素背景相关的属性，它们有相同的可选值，即border、padding、content三种，而且这两个属性表示的都是元素背景与元素边框、补白(padding)和内容区域之间的某种关系。 虽然两 ...
关于css3的背景切割（background-clip）、背景原点（background-origin）的使用
一、背景切割 background-clip ：border-box | padding-box | content-box 作用：为将背景图片做适当的裁剪，以适应需要。 默认格式 background-clip ...
CSS3中background-clip背景裁切属性
css中的background属性想必大家已经用了无数遍，但是对于css3属性background-clip你可能还不太了解，那么今天我们就专门来聊聊这个属性。 clip，英文意为 “裁切，修剪”，所以很显然，background-clip属性肯定与背景裁切有关，而事实也正是如此 ...
css中background-clip属性的作用
background-clip属性的通俗作用就是指定元素背景所在的区域,有四种取值 1、border-box border-box是默认值，表示元素的背景从border区域（包括border）以内开始保留背景。 简单代码如下： <!doctype html> < ...
CSS3 background属性
background: #00FF00 url(bgimage.gif) no-repeat fixed top; background 简写属性在一个声明中设置所有的背景属性。 可以设置如下属性： background-color：#fff; //规定要使用的背景颜色 ...
background-origin:规定 background-position 属性相对于什么位置来定位
background-origin:border-box;此时设置background-size:contain; 根据容器的边框定位 例如：容器的盒模型如下：设置了padding:20px;border:rgba(0,0,0,0.5) solid 10px ...
background 的一些 小的细节: 1, 背景色覆盖范围: border+ width+ padding ;背景图覆盖范围: width + padding ; 2设置多个背景图片 ; 3) background-position定位百分比的计算方式: 4)background-clip
缘 http://www.w3cplus.com/content/css-background-origin ...