【CSS】「background」と「background-color」の違いとは？「学習メモ」

・疑問点

background: red;
background-color: red;

どちらの書き方でも、「red」が反映されるけど、どう区別するのか？

・background
ショートハンドの書き方。

ショートハンドとは、複数のプロパティを一括指定する方法。

ショートハンドの方が、コード行数を少なくできるので通信量が減り、速度が早くなる。

・background-color
「background」の中に「color」プロパティが入っているイメージ。

おすすめ記事