box-sizing border-box for all elements code example
Example 1: textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; }
textarea {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
Example 2: box-sizing border-box vs content-box css
box-sizing:content-box;
"Default. The width and height properties (and min/max properties) includes only the content. Border and padding are not included"
box-sizing:border-box;
"The width and height properties (and min/max properties) includes content, padding and border"
Example 3: reset the entire box model
* {
box-sizing: border-box;
}