Property Border Pada CSS
Bagi anda yang berkerja dengan desain baik itu desain grafis, web ato yang lain nya tentu tidak asing lagi dengan yang nama nya border. Pada border ada beberapa property misal nya tebal, warna, jenis, letak, dll. begitu pula di bagi pengembang web. Bagi pengembang web juga ada boder dan juga mengandung beberapa property. Dan cara setting property berder pada web yaitu dengan menggunakan css.
Ok langsung saja kita bagikan beberapa property dary border. Mari kita lihat tabel di bawah ini :
Contoh penggunaan nya adalah :
misal kita punya div dengan class kotak maka css bordernya :
.kotak {
border : 1px solid #333333; //memberi border para kotak dengan tebal 1px dan warna hitam
}
ok selamat berkreasi dengan border di website anda
Ok langsung saja kita bagikan beberapa property dary border. Mari kita lihat tabel di bawah ini :
Property | Description | |||
---|---|---|---|---|
border | mengatur semua property dari border | |||
border-bottom | mengatur property border bagian bawah | |||
border-bottom-color | mengatur warna border bawah | |||
border-bottom-style | mengatur style border bawah misal dotted, solid | |||
border-bottom-width | mengatur tebal border bawah | |||
border-color | mengatur semua warna border sekaligus | |||
border-left | mengatur property border kiri | |||
border-left-color | mengatur warna border kiri | |||
border-left-style | mengatur style border kiri | |||
border-left-width | mengatur tebal border kiri | |||
border-right | mengatur semua property border kanan | |||
border-right-color | mengatur warna border kanan | |||
border-right-style | mengatur style border kanan | |||
border-right-width | mengatur tebal border kanan | |||
border-style | mengatur semua style border sekaligus | |||
border-top | mengatur semua property border atas | |||
border-top-color | mengatur warna border atas | |||
border-top-style | mengatur style border atas | |||
border-top-width | mengatur tebal border atas | |||
border-width | mengatur tebal semua border sekaligus |
Contoh penggunaan nya adalah :
misal kita punya div dengan class kotak maka css bordernya :
.kotak {
border : 1px solid #333333; //memberi border para kotak dengan tebal 1px dan warna hitam
ok selamat berkreasi dengan border di website anda