Box Model: Border

Properti border dalam CSS digunakan untuk menentukan gaya, ketebalan, dan warna garis batas (border) dari sebuah elemen HTML. Ini memungkinkan Anda untuk menambahkan garis batas di sekitar elemen untuk membedakannya dari elemen lainnya dalam halaman web. Berikut adalah beberapa properti yang umum digunakan untuk mengatur border:

1. Border-Width (Ketebalan Border): Properti border-width digunakan untuk menentukan ketebalan border.

   border-width: 2px;

2. Border-Style (Gaya Border): Properti border-style mengatur gaya border seperti solid, dashed, atau dotted.

   border-style: solid;

3. Border-Color (Warna Border): Properti border-color menentukan warna border.

   border-color: #000000;

4. Border (Kombinasi Border): Properti border menggabungkan ketebalan, gaya, dan warna border dalam satu aturan.

   border: 1px solid #CCCCCC;

5. Border-Radius (Radius Border): Properti border-radius mengatur lengkungan sudut dari border, membuatnya tampil lebih melengkung.

   border-radius: 5px;

6. Border-Top, Border-Right, Border-Bottom, Border-Left: Properti-properti ini memungkinkan Anda untuk mengatur border secara terpisah untuk sisi-sisi tertentu dari elemen.

   border-top: 1px solid #CCCCCC;
   border-bottom: 2px dashed #999999;

Dengan menggunakan properti border di atas, Anda dapat membuat elemen HTML Anda terlihat lebih menarik dan terpisah dengan lebih jelas dalam tata letak halaman web.