第一回｜Border-boxとは何かを理解する

はじめに

Figmaでデザインを作成していて、
Widthを内包したものを実装したらずれてる……？　そんな経験はありませんか？

※これはピクセルパーフェクトに限った話ではなく、レスポンシブした際になんかずれるなと思うことがあり記事にしました。

そのズレの原因のひとつが、CSSの box-sizing です。
この記事では、まず「border-boxとは何か？」を整理していきます。