box-sizing - border-box

box-sizing - border-box

by fatihhayri

HTML

<div id="kutu"> Lorem ipsum dolar </div>

CSS

body {
  background:url(http://www.fatihhayrioglu.com/images/cetvel.gif) 7px 0 no-repeat;
  padding-top:20px
}
#kutu {
  display:block;
  border:10px solid #069;
  padding:20px;
  width:200px;
  height:200px;
  background:#CCC;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
}