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 .....
0 Komentar