andre/30-seconds-of-code
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update box-sizing-reset.md

Browse Source
This commit is contained in:
atomiks
2018-03-01 17:58:05 +10:00
committed by GitHub
parent 9b2413614f
commit b573d0d79c
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
snippets/box-sizing-reset.md
View File

@ -1,6 +1,6 @@
### Box-sizing Reset
### Box-sizing reset
Resets the box-model so that `width`s and `height`s are not affected by their `border`s and/or `padding`.
Resets the box-model so that `width`s and `height`s are not affected by their `border`s or `padding`.
#### CSS
@ -36,8 +36,8 @@ Resets the box-model so that `width`s and `height`s are not affected by their `b
#### Explanation
1. `box-sizing: border-box` makes the addition of `padding` or `border`s not affect an elements `width` and/or `height`.
2. `box-sizing: inherit` makes an element respect its parents `box-sizing` rule.
1. `box-sizing: border-box` makes the addition of `padding` or `border`s not affect an element's `width` or `height`.
2. `box-sizing: inherit` makes an element respect its parent's `box-sizing` rule.
#### Browser support