CSS背景:background-position-x

2016-02-19 16:38 2 1 收藏

有一种朋友不在生活里,却在生命力;有一种陪伴不在身边,却在心间。图老师即在大家的生活中又在身边。这么贴心的服务你感受到了吗?话不多说下面就和大家分享CSS背景:background-position-x吧。

【 tulaoshi.com - Web开发 】

语法:

 background-position-x : length | left | center | right

取值:

length :百分数 | 由浮点数字和单位标识符组成的长度值。请参阅 长度单位

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

left :居左

center:居中

right :居右

说明:设置或检索对象的背景图像横坐标位置。必须先指定 background-image 属性。该属性定位不受对象的补丁属性( padding )设置影响。默认值为: 0% 。此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。对应的脚本特性为 backgroundPositionX 。

示例: p { background-image: url("images/aardvark.gif"); background-position-x: 35%; background-repeat:no-repeat; }

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

来源:https://www.tulaoshi.com/n/20160219/1612602.html

延伸阅读
标签: Web开发
background-position的说明:     设置或检索对象的背景图像位置。必须先指定 background-image 属性。该属性定位不受对象的补丁属性( padding )设置影响。     默认值为: 0% 0% 。此时背景图片将被定位于对象不包括补丁( padding )的内容区域的左...
标签: Web开发
语法: layer-background-image : none | url ( url ) 取值: none : 默认值。无背景图 url ( url ) : 使用绝对或相对 url 地址指定背景图像 说明: 设置或检索对象整个区域的背景图像。 示例: code { position: absolute; top: 100px; left: 300px; width: 200px; border: thin solid black; background-image: url("comet.j...
标签: Web开发
背景图片Background Images有许多属性可以操作。 幸运的是,可以使用background处理所有: body {     background: white url(/jc/UploadFiles/200803/20080309225852658.gif) no-repeat top right; } 上面合并了下面属性: background-color出现在前面。  back...
标签: Web开发
语法: ruby-position : above | inline 取值: above :? 默认值。在基本文本上方定位 ruby 文本 inline :? ruby 文本与基本文本内联 说明: 设置或检索通过 rt 对象指定的注释文本或发音指南(参考 ruby 对象)的位置。 此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。 对应的脚本特性为 rubyPositio...
标签: Web开发
使用CSS来定位页面内层的位置,一直是比较难以掌握的事情,很多时候,往往被绝对定位的元素,总是以浏览器的左上角为坐标原点,此时,如果浏览器的大小改变,被定义的层就会偏离设计想要的位置,让人很挠头。 其实,要想控制好层的绝对定位,只要理解CSS中关于定位(position)的定义,一切就会变得轻松简单。 CSS中关于定位...

经验教程

960

收藏

78
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部