要素の幅や高さが絶対に変わってほしくない時に「box-sizing」を知っていると幸せになれる。
指定可能な値は下記の通り。
| 値 | 詳細 |
|---|---|
| content-box | padding と border の幅を要素の幅と高さに含めない。デフォルト値。 |
| border-box | padding と border の幅を要素の幅と高さに含める。 |
これをうまく活用すれば要素のサイズを自分の意図したサイズに固定することが出来る。
要素の幅や高さが絶対に変わってほしくない時に「box-sizing」を知っていると幸せになれる。
指定可能な値は下記の通り。
| 値 | 詳細 |
|---|---|
| content-box | padding と border の幅を要素の幅と高さに含めない。デフォルト値。 |
| border-box | padding と border の幅を要素の幅と高さに含める。 |
これをうまく活用すれば要素のサイズを自分の意図したサイズに固定することが出来る。