border-boxCSSのプロパティには、まるでドラえもんのポケットから出てきたのではないか!と思うぐらい凄いのがあります。私が一番魔法のようだと思っているのはclearfix。困った時のclearfixなのです。これも魔法みたいなborder-boxさて、今回はレスポンシブサイト作りでも必須のborder-boxを紹介します。こんな多用する魔法のプロパティが増えます。!box-sizingとは要素のサイズを算出する方法を指定する事ができるのです。paddingを5pxとかつけると、計算をしてwidthは88pxに指定しないとなりません。#999;padding:5px;}通常のサイズならばこれでも良いのですがpxをあまり使わないレスポンシブサイトの場合は大変。そこで登場するのがborder-boxなのです。border-boxを使うとボーダーを付けようがpaddingをつけようが、勝手に計算してくれるのです。ボーダーが2pxとかの設定でもborder-boxを付ければwidthの指定は50%のままでいいのです。一応他ブラウザのハックFirefox以外は普通に表示されていたので、ハックを使う場合は-mozだけで良さそうです。border-box;12345Firefox以外は普通に表示されていたので、ハックを使う場合は-mozだけで良さそうです。Sawaki)犬とサッカーを、こよなく愛するクリエイター。シンプルで業種に合った更新システムをWordPressのカスタマイズを用いて提供致します。お気軽にご相談ください。USSEOに愛されるシンプルかつ高機能なWEBサイトを提供させて頂きます。東京・神奈川はもちろん、日本全国(海外企業との取引もあります)対応可能です。