[CSS]box-sizing

gunosyで
paddingやborderはもう書かない!?超便利なbox-sizingの使い方
というエントリーがきて読んでみたら、box-sizingプロパティーがめちゃくちゃ便利であることがわかった。

box-sizing:border-box;

これは、widthで指定した値がborder、padding含めた値になる。

box-sizing:content-box;

こちらは通常と同じ

box-sizing:inherit;

読んで字のごとく継承。

これはうまく使い分けたいなー。