Membuat kode CSS untuk border
Border
merupakan sebutan untuk garis tepi. Kita bisa menggunakannya sebagai model dari
tepi halaman web atau blog dengan berbagai efek garis. Kita bisa memasukkannya
dari yang terkandung dari kode bordernya. Ada beberapa nilai yang penulis
ketahui, diantaranya
- none. tanpa garis atau polos
- dotted. memberikan garis titik titik
- dashed. memberikan garis putus putus
- double. memberikan dua garis
- solid. memberikan garis normal
- insert. memberikan garis 3D tipe insert
- groove. memberikan garis 3D tipe groove
- outset. memeberikan garis 3D tipe outset
- ridge. memberikan garis 3D tipe ridge
Penulis
akan memberikan contoh pengaturan konten, untuk lebih jelasnya lihat skripnya.
# konten {
height : 700 px;
width : 500 px;
border ; dotted ;
}
Kode
ini bisa diartikan tinggi konten 700 px, lebar konten 500 px dengan garis tepi
titik titik. Mudahkan !!!! jika anda menginginkan lebih spesifik bordernya,
kita bisa memasukkan kodenya dengan tanda penghubung. Lihat contoh berikut ini
:
# konten {
border – style :
solid ;
border – color ;
red ;
}
Kode
diatas dapat diartikan halaman konten akan berwujud garis normal dengan warna
merah. Jika anda menginginkan bentuk border di setiap sisinya berbeda beda
sebagai berikut
# konten {
border – top –
style : dashed
border – top –
color : blue
}
Kode
diatas memiliki arti garis atas border dengan efek putus putus berwarna biru.
Oke silahkan anda coba untuk efek kiri dan kanan, selamat belajar, semoga
bermanfaat.
