こんにちは。(/o^∀^o)(/o^∀^o)

マリンロードの佐藤です。

今回のブログは備忘録として使わせていただきます。
CSSについてちょっとした小ネタです。

【要素いっぱいに背景画像を置く】

●background-size:cover●
縦横比を保ちながら、背景領域を覆う最小サイズになるように背景画像を拡大・縮小する。
プラグインとか使わなくても出来るんです！！さすがCSS3！
しかしIE8は非対応です。ご注意ください。

【チェックボックス/ラジオボタンのずれを調整】
●input{vertical-align:middle;}●
チェックボックスまたはラジオボタンをテキストの上下中央にあわせてくれます。
デフォルトの状態だとブラウザによってかなりずれるんですよねー。
チェックボックスやラジオボタンのinputタグにたいしてvertical-align:middleをかけてあげると
いい感じの場所になります。(それでもブラウザによって差異はありますが。。。。)

☆まとめ☆

画像やプラグインを使わなくても、CSSで出来る事がだんだん増えてきてますね。
今後もCSSに注目です(´∪`d)

以上佐藤でした。