CSS背景定位屬性詳解

來源:互聯網
上載者:User
關鍵字 網頁製作 CSS教程

你對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:位置.
相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

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.