CSS 3の勧告候補「Basic User Interface Module」では、横幅や高さの算出方法を指定するbox-sizingというプロパティが定義されている。これまではFirefoxとOperaが対応しているだけだったが、Safari 3やInternet Explorer 8(ベータ版)でもサポートされ、主要な4種類のモダンブラウザが対応したプロパティとなっている。 今回はこのbox-sizingプロパティの機能と、各ブラウザでの表示を確認していきたい。 box-sizingプロパティ CSSではHTML/XHTMLでマークアップした部分の横幅をwidth、高さをheightプロパティで指定することができる。このときbox-sizingプロパティを利用すると、widthやheightで指定した横幅や高さに、パディングやボーダーの大きさを含むかどうかを指定することができる。 bo
![box-sizingで横幅の算出方法を指定する--FirefoxとSafariのCSS対応 - builder by ZDNet Japan](https://cdn-ak-scissors.b.st-hatena.com/image/square/6da2e4ba5389672ccb42a739864b5e3952164925/height=288;version=1;width=512/https%3A%2F%2Fbuilder.japan.zdnet.com%2Fstorage%2F2011%2F01%2F24%2F3c34d47d5e801efc07b2393980219ca9%2Fstory_media%2F20363152%2F071212css-firefox-safari_184x138.jpg)