background

今回は、CSSのbackgroundの使い方について解説していきます。 CSSのbackgroundというと、以下の表のように『backgroud-image』や『background-position』など色々とありま […]

background-repeatの使い方 background-repeatは、背景の繰り返し方法を設定するときに使われます。 background-repeatプロパティの値の設定方法 repeat（初期値） 背景画 […]

background-positionの使い方 background-positionは、背景の初期位置を決める際に使われます。 background-positionプロパティの値の設定方法 キーワード値 top、bo […]

background-attachmentの使い方 background-attachmentは、画面をスクロールしたときに、 背景もスクロールさせるかを設定するときに使います。 background-attachmen […]

background-originの使い方 background-originは、背景の基準位置を決める際に使われます。 background-originプロパティの値の設定方法 border-box 背景の基準位置が […]

background-clipの使い方 background-clipは、背景の適用範囲を決める際に使われます。 background-clipプロパティの値の設定方法 border-box 背景がborderまで広がる […]

background-imageの使い方 background-imageは、背景画像を設定する際に使用します。 以下の使用例をご覧ください。 HTML: CSS: ブラウザでの表示: 上記のように、『backgroun […]

background-sizeの使い方 background-sizeは、背景画像のサイズを指定する際に使います。 background-sizeプロパティの値の設定方法 contain 画像が要素に収まるように値を設定 […]

背景に色を加えたいけどやり方がわからない・・・ また、背景の色を半透明にしたい！という方へ 今回は、background-colorの使い方と、background-colorを使って背景を半透明にする方法について解説し […]