heightには含まれず加算されてしまいます。borderの太さが含まれるようになり、レイアウトが組みやすくなります。CSSボックスモデルの既定のルールを変更する為に利用されます。CSSボックスモデルとは要素の領域をマージンエリア、ボーダーエリア、パディングエリアそしてコンテンツエリアの4つに分類したもので、それらのサイズを計算することで要素の横幅や高さが決まります。borderのサイズを含まないルールになっています。box-sizingはそのルールを変更することができます。border-boxを指定するメリットbox-sizingを利用してボックスモデルのルールを変更する場合、border-boxを指定することがほとんどだと思いますが、そのメリットを既定のボックスモデルのルールと比較して説明します。widthに60%を指定して内側の上下左右に200pxの余白があるボックスを作るとします。paddingが加算されてしまい親であるウィンドウの横幅を超えてしまします。marginを200px指定します。marginの相殺が起きた場合に余白が作れません。marginを指定をすることになります。border-boxを指定する方法よりも手間がかかります。border-boxを指定して、要素の内側の上下左右に200pxの余白を作る方法です。marginで、と分けるよりもスマートな方法で余白が作ることができます。border-boxを指定した方がいいと言えます。AdBistroJavaScriptで配列をソートする方法srcset属性を使って画像をレスポンシブデザインに対応させる。