惧留孙网

juliusun.com

惧留孙网 > 惧留孙课堂 > 在线手册 > CSS手册 > background-position
 列表 

 选择符 

 颜色  对齐  字体  大小  边框  背景  外边距  内边距  显示  列表风格  定位 

background-position 属性

简介

设置背景图像的位置
JavaScript 引用: backgroundPosition
默认值: 0% 0%(即top left)

作用
这个属性设置元素背景图片(如果设置)的初始位置。属性值有两个,中间用空格分隔。第一个值表示的横向的位置;第二值是纵向位置。省略第二个值时,表示为竖向中间,即center或50%。

例:

background-position: center;

o.style.backgroundPosition = 'center center';

可用值
意义
left top顶端靠左,省略第二个值时默认为center
center top顶端靠中间,省略第二个值时默认为center
right top顶端靠右,省略第二个值时默认为center
left center竖向中间,横向靠左,省略第二个值时默认为center
center center竖向中间,横向中间,省略第二个值时默认为center
right center竖向中间,横向靠右,省略第二个值时默认为center
left bottom底部靠左,省略第二个值时默认为center
center bottom底部靠中间,省略第二个值时默认为center
right bottom底部靠右,省略第二个值时默认为center
x% y%第一个是横向位置,第二个是竖直位置;
页面左上角是0% 0%,右下角是100% 100。
仅规定一个值,另一个是50%
横向坐标 竖向坐标第一个是横向位置,第二个是竖直位置;
页面左上角是0 0。单位可以是像素或其它单位。
仅规定了一个值,另一个是50%。
可以混合使用百分比和位置坐标

作者QQ:3304576112   交流QQ群:461872961  网页学习群 本站保留本页版权,可分享网址,匆复制传播。

抖音
©2015-2024 惧留孙网 juliusun.com

京ICP备15039193号-1

首页 教程 下载 文章 聊天 我的