Hallo teman-teman, apa kabarnya hari ini? Pada kesempatan kali ini saya akan membahas tentang property box-sizing. Jika kalian membuat sebuah div dengan tinggi dan lebarnya sudah ditentukan. Lalu diberikan padding, maka kotak tersebut akan memiliki ukuran yang berlebih sebesar ukuran paddingnya.

Berikut adalah source code yang bisa kalian pelajari.

 

Ini adalah struktur html yang akan kita gunakan.

box-sizing-1

dan berikut adalah contoh simulasi penggunaan property css box-sizing.

box-sizing-2

Maka hasilnya akan seperti ini

box-sizing-3

 

Baiklah teman-teman, demikian artikel tentang cara menggunakan property box-sizing pada html. Semoaga bermanfaat.