backgroundのショートハンド

CSSのプロパティbackgroundについてです。

backgroundには

backgroundにはいくつか種類があり

・background-repeat
・background-position
・background-size
・background-image

など、、他にもいくつかありますが背景画像設定の際には上記を使用することが多いです。

今までは全て分けて書いていたのですが、全てまとめて書くショートハンドというものがあることを最近知りました。

background: ("url") no-repeat top center/cover

上記のようにbackgroundを書いた後、image、repeat、positionを記入します。size記入時のみ  "/" を記入しないとならないみたい。

今回も忘れないうちに投稿しておく。

確かに一行で書けるので便利ですね。