Mengenal Property Border Pada CSS

Erlangga Hidayatullah - Apa Itu Border Pada CSS & Fungsinya Untuk Apa?
Saya akan menjelaskan secara singkat, Border yaitu garis komponen untuk membatasi Content atau Selector tersebut. 

Border Style

Lihat gambar di atas, nah itu sebuah Border dan style nya Solid. Type Style Border ada beberapa macam :

dotted

dashed

solid

double

groove

ridge

inset

outset

Cara menyisipkan Css border adalah :

Content{
border:solid 3px black;

}

Atau jika ingin penulisannya secara singkat

Content{
border-style:solid;

border-size:3px;

border-color:black;
}

Yang di beri warna Merah " Solid ", itu style border yang disisipkan. Jika ingin mengganti dengan border style lainnya silahkan di ubah " Solid " dengan style border lainnya

Border Color

Border Color adalah untuk memberi warna Border.

Cara Penulisan Border Color :

Content{
border:solid 3px black;

}

Atau jika ingin penulisannya secara singkat

Content{
border-style:solid;

border-size:3px;

border-color:black;
}

Yang di beri warna Hitam " Black ", itu adalah value untuk mengganti warna pada border, bisa di ubah dengan kode warna lain.

Border Width

Border Width adalah properti untuk mentebalkan garis Border.

Cara Penulisan Border Color :

Content{
border:solid 3px black;

}

Atau jika ingin penulisannya secara singkat

Content{
border-style:solid;

border-size:3px;

border-color:black;
}

Yang di beri warna  Hitam " 3px ", itu adalah value untuk mentebalkan garis border.

Sekian semoga dapat di mengerti Belajar Css kali ini dan terima kasih 
Salam Blogger Newbie ...