box-sizingとは？

「要素の幅(width)と高さ(height)の中にpaddingとborderを含めるかどうか？」という設定ができる。

指定する3つの値

• content-box

  • paddingとborderを幅と高さを含めない

• border-box

  • paddingとborderを幅と高さに含める

• inherit

  • 親要素のborder-boxの値を引き継ぐ