Mera Kartika - Pemrograman Web 1 Edisi 2

60 Gambar 4.9 CSS Box Model Penjelasan bagian-bagian box model yang berbeda: Content - Isi konten, tempat teks, gambar, dan elemen lain muncul Padding – Jarak antara konten dengan border, padding tidak dapat ditambahkan warna (transparan) Border - Batas yang mengelilingi padding dan konten. Border dapat ditambahkan style dan warna. Margin – Jarak antara border dan elemen lain. Margin juga transparan Box Model memungkinkan kita untuk menambahkan batas di sekitar elemen, dan untuk menentukan jarak antar elemen. CSS Border Properti border CSS memungkinkan Anda untuk menentukan style, lebar, dan warna border sebuah elemen: h1{ bor der : 1px sol i d bl ue; } <h1>h1</ h1> Property CSS border memiliki 3 buah nilai yang wajib diberikan, dipisahkan dengan koma. Nilai yang pertama adalah lebar border, yang kedua adalah style border, dan yang ketiga adalah warna border. Berikut merupakan hasil dari kode diatas :

RkJQdWJsaXNoZXIy MTM3NDc5MQ==