エグウェブ.JP@オンライン/WEBセミナー・分析・WEBサイト制作

WEB分析・ホームページ・WEBサイト作成・WordPress、Googleアナリティクス、LINEスタンプ、Photshop・illustrator、Excelの講座やオンラインセミナーを開催中!

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

time 2020/05/27

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

background

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

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

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

background-image

背景画像を指定します。

background-attachment

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

background-attachment:scroll;

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

http://css.eguweb.jp/background/scroll.html

background-attachment:fixed;

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

http://css.eguweb.jp/background/fixed.html

background-position

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

background-repeat

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

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

background-repeat:repeat-y

http://css.eguweb.jp/background/repeat-y.html

background-color

背景色を指定します

http://css.eguweb.jp/background/color.html

background-position-x

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

background-position-y

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

background-blend-mode

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

background-clip

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

background-origin

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

参考

https://developer.mozilla.org/ja/docs/Web/CSS/background

download(ダウンロード)

プロフィール

EGUWEB

EGUWEB

【皆さまの人生に最良のファーストステップを】WEBサイトを作りたい!WEB分析を学びたいけど分からない。とりあえず色々と知りたい!皆様の悩みを解決できるように頑張ります。 [詳細]

カテゴリー