. HOME . ABOUT . STUFF . FRIEND . RULES . 

All About Border (For newbie)




Untuk Jenis border :

dotted


dashed


solid


double ( 3px keatas )


groove ( 3px keatas )


ridge ( 3px keatas )


inset


outset

Untuk Warna border:


border-width, border-style dan border-color



Property Border:1px solid #000000; dekat atas ini sebenarnya combinasi code border-width, border-style dan border-color. Kalau kalian pakai property border-width, border-style dan border-color dalam css pun boleh, tapi ketiga-tiga property boleh letak.

contoh :
border-width:10px;
border-color:#FFBBBB;
border-style:solid;


Yang Bagusnya pakai property border-style ni, kita boleh pakai sampai empat style !

border-style: solid dotted;
border-style: (atas dan bawah) (kiri dan kanan);

border-style: solid dotted dashed;
border-style: (atas) (kiri dan kanan) (bawah);

border-style: solid dotted dashed groove ;
border-style: (atas) (kanan) (bawah) (kiri) ;

Border-color pun, boleh pakai 4 warna.

border-color:#FFBBBB #DACBEF;
border-color: (atas dan bawah) (kiri dan kanan);

border-color:#FFBBBB #DACBEF #F1EBC8;
border-color: (atas) (kiri dan kanan)(bawah) ;

border-color:#FFBBBB #DACBEF #F1EBC8 #C8E9F1;
border-color: (atas) (kanan) (bawah) (kiri) ;


Credit : wanaseoby dengan perubahan kata kata 

Tidak ada komentar:

Posting Komentar

Jika Belum paham , Jangan malu untuk bertanya^^