Asas Pengendalian Sempadan dalam CSS

Sekarang kita akan belajar menambah sempadan kepada elemen. Ini dilakukan dengan menggunakan tiga sifat: sifat border-width menetapkan ketebalan sempadan, border-color - warna, dan border-style menetapkan jenis sempadan.

Dua sifat pertama berfungsi dengan cara yang jelas: border-color menerima warna dalam format yang sama seperti sifat color, dan ketebalan sempadan ditetapkan dalam piksel. Manakala sifat border-style menerima nilai dalam bentuk kata kunci. Sebagai contoh, nilai solid menetapkan garis padat.

Mari buat sempadan dengan ketebalan 3 piksel, dalam bentuk garis padat, warna merah:

<div id="elem"></div>

#elem {
	border-width: 3px;    /* ketebalan 3px */
	border-style: solid;  /* dalam bentuk garis */
	border-color: red;    /* warna merah */
	width: 300px;
	height: 100px;
}

Dalam pelajaran seterusnya, kita akan membincangkan pengendalian sempadan dengan lebih terperinci.