Posted By

kickass on 05/11/13


css border-box

Versions (?)

Who likes this?

2 people have marked this snippet as a favorite


css border-box magical goodness

 / Published in: CSS

Forces padding to not be added to overall box dimensions but instead subtracted - good for frameworks. For example, a container 960px with a 20px border and a 20px padding added still remains 960px allowing me to enjoy my life free of pesky maths.

Old skool goodness!

  1. * {
  2. -moz-box-sizing: border-box;
  3. -webkit-box-sizing: border-box;
  4. box-sizing: border-box;
  5. }

Report this snippet  

You need to login to post a comment.