Mempelajari border dan jenis-jenis border

Posted by : Unknown Juli 21, 2013

Tag :// Blogger

kali ini kita akan membahas border.. :)

Apa itu border?
mungkin ada yang belum tahu. secara singkat nya border adalah "garis tepi" dari suatu kontent.
nih saya kasih contoh dengan gambar agar mudah di mengerti

Keterangan:
-Yang berwarna putih adalah isi konten. ntah itu widget dan lain-lain
-Yang berwarna merah itu lah yang di sebut border.
bisa di bilang juga "border adalah garis yang mengelilingi suatu kontent"
gimana udah ngerti ? kalo belum ngerti coba di baca ulang dengan perlahan.

Bagaimana cara menggunakan border?
cara nya cukup mudah.kita hanya mengetikan kode seperti ini :

border: 5px solid #fff;

keterangan:
Merah = ketebalan border
Hijau = jenis border
Biru = warna border

silahkan anda kreasikan sesuai kemauan anda..

Macam-macam border
jika pada contoh border di atas hanya berupa garis, sebenarnya kita bisa mengkreasikan jenis border yang ingin kita pakai. berikut jenis-jenis border :

Perhatikan !
di situ ada nama-nama jenis border nya seperti dotted, dashed, dll.. itulah yang kita butuh kan..

Mengkreasikan border
Oke kita masuk ke tahap edit. di tahap ini kamu harus benar-benar memahami apa yang saya katakan..
Ingat :

border: 5px solid #fff;

keterangan:
Merah = ketebalan border
Hijau = jenis border
Biru = warna border.

yang akan kita ganti sekarang adalah jenis nya, berarti dari kode di atas, yang kita ganti adalah kode yang berwarna hijau.
Di atas saya sudah memberitahu jenis-jenis border.. mari kita terapkan..
saya akan berikan contoh..

Border: 5px DOTTED #fff ;

perhatikan kode di atas. "Solid" sudah tidak terpakai karana sudah di gantikan "Dotted"
begitu pun dengan yang lain.. jka kamu ingin menggunakan border "Ridge" maka ganti "Dotted" dengan "Ridge"

Border: 5px RIDGE #fff ;

nah gimana kawan modus crew sudah mengerti kan apa itu border? cara menggunakan border, dan jenis-jenis border.
jika ingin ada yang di tanyakan silahkan bertanya melalui komentar.

Semoga bermanfaat :)