box-sizingの評価
頻出度
(5.0)
重要度
(5.0)
総合評価
(5.0)
目次
1.box-sizingとは?
box-sizingプロパティはボックスの算出方法を指定する際に利用します。
値の指定方法は以下の通りです。
{ box-sizing: 値; }
値の指定方法
- content-box
- border-box
2.box-sizingの使い方
それではbox-sizingの使い方をみていきましょう。
.box {
box-sizing: border-box;
width: 100%;
border: 1px solid red;
padding: 10px;
}
他にも値を設定できるのでいろいろと試してみることをオススメします!