12/06/2010

CSS3 Box Sizing

By changing this value to “border-box,” the width and height values then include the borders and padding.

#box {
 width: 100px;
 height: 100px;
 background: #eee;

 padding: 10px;
 border: 10px solid #666;

 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
}

view demo

CSS3 Gradient Button, CSS3 font face, CSS3 RGBA, CSS3 Box shadow, CSS3 Text shadow, CSS3 Gradient Background, CSS3 Tooltip

Related Posts