DIV CSS Border Inside

Salam,

Kalau kita main dengan DIV. bila kita set kan border, div itu akan menjadi lebih panjang/tinggi bergantung kepada berapa pixel kita letak sebagai border kerana line/border itu akan mengelilingi div di bahagian luar.

Untuk sesetengah kes, ini akan menganggu pengiraan anda.

Apa yang saya baru tahu, kita bleh gunakan:

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

Supported on Firefox, Chrome, Safari, Opera and IE8+.

kita akan dpt ini:

saya hensem

instead of:

saya hensem

code penuh css untuk div ini:

.divbox{
 border: 10px solid #ffcc33;
 -moz-box-sizing:    border-box;
 -webkit-box-sizing: border-box;
 box-sizing:        border-box;
 width: 200px;
}

happy coding...