Tag Archives: border-box

CSS3 User Interface Box Sizing

Use CSS3 box-sizing property to alter the default CSS box model

Creative CSS

The CSS3 box-sizing property allows you to determine whether you want an element to render it’s borders and padding within its specified width, or outside of it. By default, box-sizing property is set to content-box. By setting it to border-box, you can force the browser to instead render the box with the specified width and height, and place the border and padding inside the box.