This is what Jayesh Bhoot looks like, with a lopsided smile on its right, which almost closes his right eye while smiling, which strongly implies that he needs to work on his lazy left-side cheek muscles.

What box-sizing does

Posted on

Collected in

box-sizing specifies the part of an element's CSS box, to which the properties width, min-width, max-width, height, min-height, max-height apply. 


p {
    height: 3rem; 
    box-sizing: content-box;
}
Result: brown content box is 3rem tall 

p {
    height: 3rem; 
    box-sizing: border-box;
}
Result: black border box is 3rem tall

Comments