Question

I though I remembers there being a css properly that I could set that would allow me to set a border but it would not expand the size of the element. for example, if I set the width to 100 and a border of one 1 all around, the element width becomes 102.

Is their a property to keep the element at 100?

Answer 1

You’re thinking of box-sizing: border-box.

The spec: http://www.w3.org/TR/css3-ui/#box-sizing

#whatever {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

Practical usage information: http://html5please.com/#box-sizing

Browser support: http://caniuse.com/css3-boxsizing