ショートハンドまとめ例[CSS]

ショートハンドまとめの指定例

backgroundの場合

[css]
body {
background-color: #FC0;
background-image: url(bk.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
}[/css]の場合、
[css]
body {
background: #FC0 urel(bk.jpg) no-repeat fixed;
}[/css]とまとめられます。

ショートハンドは細かい設定が必要ないスタイルで使うことをお勧めします。まとめ指定に便利なショートハンドですが、注意点があります。ショートハンドでは、複数のプロパティをまとめて指定できますが、指定しなかったプロパティはブラウザの初期設定値が適用されます。そのため、先にショートハンドなしで指定した値でも、後からショートハンドで指定したときに省略していると、先に指定した値が無効になってしまいます。

カテゴリー: CSS, HTMLの基礎知識, ナレッジノート   パーマリンク