在CSS中background-size的屬性為規定背景圖片的尺寸。本文詳細介紹下background-size的定義和用法、background-size的語法、background-size的實例。
在CSS中background-size的屬性為規定背景圖片的尺寸。本文詳細介紹下background-size的定義和用法、background-size的語法、background-size的實例。
background-size屬性實例
規定背景圖像的尺寸:
div
{
background:url(img_flwr.gif);
background-size:80px 60px;
background-repeat:no-repeat;
}
background-size定義和用法
background-size 屬性規定背景圖像的尺寸。
默認值:
|
auto
|
繼承性:
|
no
|
版本:
|
CSS3
|
JavaScript 語法:
|
object.style.backgroundSize="60px 80px"
|
background-size語法
background-size: length|percentage|cover|contain;
值
|
描述
|
length
|
設置背景圖像的高度和寬度。
第一個值設置寬度,第二個值設置高度。
如果只設置一個值,則第二個值會被設置為 "auto"。
|
percentage
|
以父元素的百分比來設置背景圖像的寬度和高度。
第一個值設置寬度,第二個值設置高度。
如果只設置一個值,則第二個值會被設置為 "auto"。
|
cover
|
把背景圖像擴展至足夠大,以使背景圖像完全覆蓋背景區域。
背景圖像的某些部分也許無法顯示在背景定位區域中。
|
contain
|
把圖像圖像擴展至最大尺寸,以使其寬度和高度完全適應內容區域。
|
河南億恩科技股份有限公司(www.vbseamall.com)始創于2000年,專注服務器托管租用,是國家工信部認定的綜合電信服務運營商。億恩為近五十萬的用戶提供服務器托管、服務器租用、機柜租用、云服務器、網站建設、網站托管等網絡基礎服務,另有網總管、名片俠網絡推廣服務,使得客戶不斷的獲得更大的收益。
服務器/云主機 24小時售后服務電話:
0371-60135900
虛擬主機/智能建站 24小時售后服務電話:
0371-55621053
網絡版權侵權舉報電話:
0371-60135995
服務熱線:
0371-60135900