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:

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

css#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.