backgroundOrigin 属性设置或返回 background-position 属性是相对于什么进行定位。注意:如果背景图像的 background-attachment 属性是 "fixed",则该属性不起作用。浏览器支持IE9+、Firefox、Opera、Chrome 和 Safari 支持 background-origin 属性。语法返回backgroundOrigin 属性:...
在html5中background标签设置 html中background属性 今天突发奇想,复习一下css相关属性,并做一下笔记,因为是复习就不详细介绍,只是以例子简单介绍一下用法 background 简写属性在一个声明中设置所有的背景属性。 可以设置如下属性: background-color background-position background-size background-repeat background-or...
background-repeat background-origin background-clip background-attachment background-image 修改文本颜色 background-color: 可以为所有的元素设置背景颜色,从整体页面到单个元素都可行。 background-color属性取值为color(颜色值)或是transparent(透明) transparent默认值,如果一个元素没有设置背景颜色,那么他就是默认...
doctypehtml> <html> <head> <style> *{margin:0;padding:0;} .box{width:430px;height:280px;margin:100px auto;background:url("fengjing.jpg") no-repeat;padding:5px;border:5px dotted #000;<br>font-size:100px;font-weight:bold;background-origin:border-box;] </style> </head> <body> <...
background-origin 指定了背景图片原点相对于背景容器的位置,默认值为padding-box,表示和padding区域的原点对齐 border-box 背景图片会和容器的border原点对齐。 padding-box 背景图片会和容器的padding区域的原点对齐 content-box 背景图片会和容器的内容区域原点对齐 ...
此属性是一个简写属性,可以在一次声明中定义一个或多个属性:background-clip、背景-颜色、背景-image、背景-origin、背景-位置、背景-重复、背景-size,和背景-附件。 对于所有简写属性,任何没有被指定的值都会被设定为它们的初始值。 background属性被指定多个背景层时,使用逗号分隔每个背景层。
The background-origin CSS property sets the background's origin: from the border start, inside the border, or inside the padding.
background-origin <!DOCTYPE html><html><head><metacharset="UTF-8"><title></title><style>div { margin-top: 10px; } .b { background-repeat: no-repeat; background-image: url(img/test.jpg); width: 200px; height: 200px; border: dashed 10px red; ...
background-origin属性用于指定背景图像background-image的原点(左上角)位置相对于元素的位置。 background-origin属性和其它CSS背景属性结合使用时会得到不同的效果,例如background-clip属性和background-repeat属性。 当设置background-attachment属性为fixed时,该属性将被忽略不起作用。
CSS3 background-origin 属性实例 内容框相对定位的背景图片: div { background-image:url('smiley.gif'); background-repeat:no-repeat; background-position:left; background-origin:content-box; } 尝试一下 » 浏览器支持表格中的数字表示支持该属性的第一个浏览器版本号。属性 background-origin 4.0 ...