box-sizingの記事へ戻る

box-sizingの値を比較する

同じwidthでも、border-boxの方が外側の幅を指定値に保ちます。

box-sizing: border-box
Hello CSS! 内容の意味を保ちながら、文字や余白を整えます。文章を増やして折り返しも確認しましょう。

表示を初期状態へ戻す場合は再読み込みしてください。フォームなどは表示の比較用で、外部へ情報を送信しません。動きを減らす設定では装飾的な動作を止めます。