Mengenal Property Border

Property ini merupakan elemen yang mempunyai garis dengan berbagai variasi lebar, warna serta gaya suatu tampilan. Kita bisa membuat suatu garis antara kiri-kanan-atas-bawah dengan berbeda style. 

Property ini sangat cocok digunakan untuk mendesain suatu blok-blok informasi tanpa menggunakan tabel sehingga tampilan website milik kita terlihat lebih elegan dan menawan. Dan tentunya, hal seperti ini tidak bisa didapatkan hanya dengan menggunakan html saja. Berikut property-property yang bisa digunakan untuk mendesain border :

Border	Property ini untuk mengatur border secara keseluruhan Selektor{border:normal} Value lain : thin, thick, dashed, dotted, double, grove, hidden, inset, none , outset, ridge, solid.
Border-Width	Property ini untuk mengatur lebar border secara keseluruhan Selektor{ border-width:thin} Value lain : thick, medium
Border-Top-Width	Property ini untuk mengatur lebar border top Selektor{ border-top-width:thin} Value lain : thick, medium
Border-Right-Width	Property ini untuk mengatur lebar border right Selektor{ border-right-width:thin} Value lain : thick, medium
Border-Bottom-Width	Property ini untuk mengatur lebar border bottom Selektor{ border-bottom-width:thin} Value lain : thick, medium
Border-Left-Width	Property ini untuk mengatur lebar border left Selektor{ border-left-width:normal} Value lain : thick, medium
Border-Color	Property ini untuk mengatur warna dari border Selektor{ border-color:#333333} Value lain : anda bisa gunakan warna hexadecimal yang awalnya dimulai dengan tanda #
Border-Style	Property ini untuk mengatur style dari border Selektor{ border-style:normal} Value lain : thin, thick, dashed, dotted, double, grove, hidden, inset, none , outset, ridge, solid
Border-Top	Property ini untuk mengatur border top Selektor{ border-top:normal} Value lain : thin, thick, dashed, dotted, double, grove, hidden, inset, none , outset, ridge, solid
Border-Right	Property ini untuk mengatur border right Selektor{ border-right:normal} Value lain : thin, thick, dashed, dotted, double, grove, hidden, inset, none , outset, ridge, solid
Border-Bottom	Property ini untuk mengatur border bottom Selektor{ border-bottom:normal} Value lain : thin, thick, dashed, dotted, double, grove, hidden, inset, none , outset, ridge, solid
Border-Left	Property ini untuk mengatur border left Selektor{ border-left:normal} Value lain : thin, thick, dashed, dotted, double, grove, hidden, inset, none , outset, ridge, solid

Nah, sudah paham dengan property border style dari css ? Untuk menambah pemahaman diperlukan "experience" dan latihan yang berkelanjutan. Dengan begitu tanpa disadari kita akan faham secara otomatis. Selamat Belajar .....