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


  翻訳結果:

背景

UK[ˈbækgraʊnd] US[ˈbækˌɡraʊnd]

n. (絵画など) 背景; 背景色; 背景情報; サウンドトラック

複数形:backgrounds

size

## English[saɪz] 美[saɪz]

n. スケール; サイズ、サイズ; 接着剤、ペースト Paste ; 巨大な、大きな数

vt. サイズ順に配置する; サイズを変更する; 接着剤を適用する、サイズを調整する; ペイントを適用する

adj. 特定のサイズの三人称単数

: サイズ 複数形: サイズ 現在分詞: サイズ過去形: サイズ過去分詞: サイズ

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

機能: 背景画像のサイズを指定します。

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

CSS3 では、background-size 属性を使用して背景画像のサイズを設定したり、長さの値またはパーセンテージを使用して画像サイズを設定したり、cover および contains を使用して画像を拡大縮小したりできます。

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>

インスタンスの実行 »

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

人気のおすすめ

ホームページ

動画

に質問