你對CSS中background-position屬性的使用是否瞭解,這裡和大家分享一下,該屬性定位不受物件的補丁屬性(padding)設置影響。 預設值為:0%0%,此時背景圖片將被定位於物件不包括補丁(padding)的內容區域的左上角。
CSS中background-position屬性說明
設置或檢索物件的背景圖像位置。 必須先指定background-image屬性。 該屬性定位不受物件的補丁屬性(padding)設置影響。 預設值為:0%0%。 此時背景圖片將被定位於物件不包括補丁(padding)的內容區域的左上角。
如果只指定了一個值,該值將用於橫座標。 縱座標將預設為50%。 如果指定了兩個值,第二個值將用於縱座標。 如果設置值為rightcenter,因為right作為橫座標值將會覆蓋center值,所以背景圖片將被居右定位。
對應的腳本特性為background Position。
語法:
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-posy-pos 初始值:0%0% 繼承性:否 適用于:所有元素 background: 背景.position:位置.