【Part1 - Cap3(p33)】background
省略していない形
.sample {
background-color: transparent; //透明
background-image: none; //背景画像なし
background-repeat: repeat; //縦横に繰り返す
background-position: 0% 0%; //左上寄せ
background-size: auto auto;
background-attachment: scroll; //スクロールする
}
初期値からの変更
記載しなかったプロパティには初期値が入り、変更したいプロパティのみ記載すること
それぞれの値を半角スペースで区切って記述
background-sizelの注意点
background-sizeの値を指定する場合は、「background-positionの値 / background-sizeの値」のように、半角スラッシュで区切る必要がある。
.sample {
background: url(./images/pic_sample.jpg) left top / auto 100% no-repeat;
}
順番
どのような順番で書いてもOK
