CSS3のbox-sizingで要素の内側にボーターをつける
Date 2016.02.25 Category blog
box-sizingとはなんぞや？
box-sizing プロパティとはボックスサイズ(width, height) の算出方法を
指定する際に使用するプロパティです。
|
1 2 |
box-sizing: content-box <!-- padding と border の幅を要素の幅と高さに含めない. デフォルト値.--> box-sizing: border-box <!-- padding と border の幅を要素の幅と高さに含める.--> |
「box-sizing: border-box」を指定すれば、ボーターやpaddingの値に関係なく要素を width に指定した値の中で収めることが可能となります。
