[解決済み】backgroundとbackground-colorの違いは何ですか?
2022-03-28 02:10:43
質問
背景色の指定に
background
と
background-color
?
スニペット#1
body { background-color: blue; }
スニペット#2
body { background: blue; }
解決方法は?
この2つが異なる性質であることを前提に、あなたの具体的な例では、以下のように結果に違いがありません。
background
の省略形です。
background-color background-image background-position background-repeat background-attachment background-clip background-origin background-size
このように
background-color
を使用すると
background
を繰り返すことなく、1つまたは複数の値を追加することもできます。
background-*
プロパティを複数回指定することができます。
どちらを選択するかは基本的にあなた次第ですが、スタイル宣言の特定の条件(たとえば
background-color
を継承する場合、他の関連する
background-*
プロパティ以外のすべての値を削除する必要がある場合、または、親要素から
background-color
).
関連
-
[解決済み] CSSでcellpaddingとcellspacingを設定する?
-
[解決済み] CSSでテキストや画像の背景を透明にするには?
-
[解決済み] SCSSとSassの違いは何ですか?
-
[解決済み] visibility:hiddenとdisplay:noneの違いは何ですか?
-
[解決済み] ボディの高さをブラウザの高さの100%にする
-
[解決済み] CSS画像を背景で伸縮させる - CSSのみで可能
-
[解決済み] CSSセレクタの「+」(プラス記号)の意味は何ですか?
-
[解決済み] display: inlineとdisplay: inline-blockの違いは何ですか?
-
[解決済み] Normalize.cssとReset CSSの違いは何ですか?
-
[解決済み】なぜHTMLは "chucknorris "を色と見なすのか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】display:noneの反対語はあるのか?
-
[解決済み】DIVの幅が100%というのは本当の100%ではない
-
[解決済み】div間の空白を削除する
-
[解決済み】divの重なりについて
-
[解決済み] CSS無効なプロパティ値?
-
[解決済み] cssによる波状の形状
-
[解決済み] css グリッドによる垂直・水平方向の中央揃え 4x4 正方形グリッド
-
[解決済み] 高さと幅はspanには適用されないのですか?
-
[解決済み] psuedo 要素を用いたスクロール/ホバー可能な CSS ツールチップ
-
[解決済み] select2入力の幅を設定する(Angular-uiディレクティブを使用)