スキルアップはこちら!!▶[click]
「スキルアップしたい人」だけこちらをクリックしてください

WEBサイトの作り方やブログを覚えたい・スキルアップしたい時にオススメが「WordPress(ワードプレス)」の使い方を覚えることです。一緒にスキルアップして、未来を変えましょう!「スキルアップをしたい」人は先にお進みください!

スキルアップしたい人はこちらをクリック

【CSSプロパティ】background|背景に関する指定を行う

CSS(シーエスエス)
この記事は約2分で読めます。

background:バックグラウンド : 背景の指定をするプロパティ

background

背景に関する指定をまとめて行います。

background バックグラウンド : -color -image -repeat -position -attachment -clip -size -origin;

各値を設定することができます

background-image

背景画像を指定します。

background-attachment

「背景画像」の固定・移動を指定します。

background-attachment:scroll;

scroll・・・スクロールした時は、背景画像も移動をします。

404 Not Found

background-attachment:fixed;

fixed・・・スクロールした時は、背景画像は固定されます。

404 Not Found

background-position

背景画像の表示開始位置を指定します

background-repeat

背景画像のリピート方法を指定します

repeat-x
横方向に背景画像を繰り返します。
repeat-y
縦方向に背景画像を繰り返します。

background-repeat:repeat-y

404 Not Found

background-color

背景色を指定します

404 Not Found

background-position-x

背景画像の横位置を指定します(IE独自)

background-position-y

背景画像の縦位置を指定します(IE独自)

background-blend-mode

要素の背景画像を互いに、または要素の背景色と、どのように混合するかを設定します。

background-clip

要素の背景の または を境界の下まで拡張するかどうかを設定します。

background-origin

景配置領域を設定します。言い換えれば、 background-image プロパティで指定された画像の原点の位置。

参考

background - CSS: カスケーディングスタイルシート | MDN
background は CSS の一括指定プロパティで、色、画像、原点と寸法、反復方法など、背景に関するすべてのスタイルプロパティを一括で設定します。
タイトルとURLをコピーしました