背景
UK[?b?kgra?nd] US[?b?k?ɡra?nd]
n. (絵畫など) 背景; 背景色; 背景情報(bào); サウンドトラック
複數(shù)形:backgrounds
size
## English[sa?z] 美[sa?z] n. スケール; サイズ、サイズ; 接著剤、ペースト Paste ; 巨大な、大きな數(shù) vt. サイズ順に配置する; サイズを変更する; 接著剤を適用する、サイズを調(diào)整する; ペイントを適用する adj. 特定のサイズの三人稱単數(shù) : サイズ 複數(shù)形: サイズ 現(xiàn)在分詞: サイズ過(guò)去形: サイズ過(guò)去分詞: サイズ
cssの背景サイズプロパティ 構(gòu)文
background-size 屬性を使用するにはどうすればよいですか?
background-size 屬性は、背景畫像のサイズを設(shè)定できます。構(gòu)文:background-size: length|percentage|cover|contain; 長(zhǎng)さの値またはパーセンテージを使用して畫像サイズを設(shè)定するか、カバーと含めて畫像を拡大縮小します。
機(jī)能: 背景畫像のサイズを指定します。
構(gòu)文: background-size: length|percentage|cover|contain;
説明: length 高さと合計(jì)を設(shè)定します。背景畫像の幅。最初の値は幅を設(shè)定し、2 番目の値は高さを設(shè)定します。値が 1 つだけ設(shè)定されている場(chǎng)合、2 番目の値は「auto」に設(shè)定されます。パーセントは、背景畫像の幅と高さを親要素のパーセンテージとして設(shè)定します。最初の値は幅を設(shè)定し、2 番目の値は高さを設(shè)定します。値が 1 つだけ設(shè)定されている場(chǎng)合、2 番目の値は「auto」に設(shè)定されます。 cover 背景畫像が背景領(lǐng)域を完全に覆うように、背景畫像を十分な大きさに拡大します。背景畫像の一部が背景アンカー領(lǐng)域に表示されない場(chǎng)合があります。 contains 畫像を最大サイズまで拡張し、幅と高さがコンテンツ領(lǐng)域內(nèi)に完全に収まるようにします。
注: IE9、Firefox 4、Opera、Chrome、Safari 5 は、background-size 屬性をサポートしています。
cssの背景サイズプロパティ 例
<!DOCTYPE html>
<html>
<head>
<style>
body
{
background:url('http://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg');
background-size:100px 63px;
-moz-background-size:100px 63px; /* 老版本的 Firefox */
background-repeat:no-repeat;
padding-top:80px;
}
</style>
</head>
<body>
<p>上面是縮小的背景圖片。</p>
<p>原始圖片：<img src="http://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg" alt="Flowers"></p>
</body>
</html>インスタンスの実行 ?
[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します