CSS背景圖片 background-position 定位

來源:互聯網
上載者:User

    預設值為: 0% 0% 。此時背景圖片將被定位於對象不包括補丁( padding )的內容地區的左上方。
    如果只指定了一個值,該值將用於橫座標。縱座標將預設為 50% 。如果指定了兩個值,第二個值將用於縱座標。
    如果設定值為 right center,因為 right 作為橫座標值將會覆蓋 center 值,所以背景圖片將被居右定位。
對應的指令碼特性為 backgroundposition 。

文法:
    background-position : length || length
    background-position : position || position

取值:
    length : 百分數 | 由浮點數字和單位標識符組成的長度值。
    position : top | center | bottom | left | center | right

background-position -- 定義背景圖片的位置

取值:
[ <percentage> | <length> | left | center | right ] [ <percentage> | <length> | top | center | bottom ] ] 
 * 水平
 left: 左
 center: 中
 right: 右
 * 垂直
 top: 上
 center: 中
 bottom: 下
* 垂直與水平的組合
 x-% y-%
 x-pos y-pos

 初始值: 0% 0%
 繼承性: 否
 適用於: 所有元素
 background:背景.position:位置. 

 

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.