【box-sizing】 CSS3で bordar や padding を含めた横幅を指定する

CSS3で新しく追加されたプロパティの中に、「box-sizing」があります。

このプロパティを使用する事で、『要素のwidth値にpadding と borderの値を含める、含めない』を定義する事が出来ます。

このプロパティを使用する事で、リキッドレイアウトデザイン時に横幅を％で指定した場合などに、padding と borderの値を気にせずレイアウトを組めるようになります。