背景

UK[?b?kgra?nd] US[?b?k?ɡra?nd]

n. (絵畫(huà)など) 背景; 背景色; 背景情報(bào); サウンドトラック

複數(shù)形:backgrounds

size

## English[sa?z] 美[sa?z]

n. スケール; サイズ、サイズ; 接著剤、ペースト Paste ; 巨大な、大きな數(shù)

vt. サイズ順に配置する; サイズを変更する; 接著剤を適用する、サイズを調(diào)整する; ペイントを適用する

adj. 特定のサイズの三人稱(chēng)単數(shù)

: サイズ 複數(shù)形: サイズ 現(xiàn)在分詞: サイズ過(guò)去形: サイズ過(guò)去分詞: サイズ

css3の背景サイズプロパティ 構(gòu)文

機(jī)能: 背景畫(huà)像のサイズを指定します。

注: CSS3 より前は、背景畫(huà)像のサイズは畫(huà)像の実際のサイズによって決まりました。 CSS3では背景畫(huà)像のサイズを指定できるため、さまざまな環(huán)境で背景畫(huà)像を再利用することができます。

CSS3 では、background-size 屬性を使用して背景畫(huà)像のサイズを設(shè)定したり、長(zhǎng)さの値またはパーセンテージを使用して畫(huà)像サイズを設(shè)定したり、cover および contains を使用して畫(huà)像を拡大縮小したりできます。

css3の背景サイズプロパティ 例

<!DOCTYPE html>
<html>
<head>
<style> 
body
{
background:url(http://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg);
background-size:63px 100px;
-moz-background-size:63px 100px; /* 老版本的 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>

インスタンスの実行 ?

[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します