Macam - Macam Jenis Border

Bagi sobat Blogger yang suka atau bahkan sering bermain dengan templates, terutama bagian CSS pasti sudah tidak asing lagi dengan istilah border. Bahkan sebagian dari sobat yang jarang bermain CSS tentu tau border. Border sebuah istilah di dalam CSS yang berarti garis dan berfungsi membuat garis tentunya. Dalam CSS ada berbagai macam border, di tambah lagi border baru dengan CSS3. Nah bagi yang suka di sini saya membuat daftar macam-macam Border yang bisa sobat pilih sesuai selera:

border: 5px solid #000000;

border: 5px dotted #000000;

border: 5px dashed #000000;  

border: 5px inset #000000;

border: 5px outset #000000;

border: 5px double #000000; 

border: 5px groove #000000;

border: 5px ridge #000000; 

Border CSS3

CSS3 Border Radius (Collectively)
Border ini memungkinkan untuk membuat sudut border melengkung

#contoh {
       border: 5px solid #000000;
       -moz-border-radius: 10px;
       -webkit-border-radius: 10px;

}

CSS3 Border Radius (Individually)
Border ini memungkinkan untuk membuat sudut tertentu border melengkung

#contoh {
border: 5px solid #000000;
       -moz-border-radius-topleft: 15px;
       -moz-border-radius-topright: 0px;
       -moz-border-radius-bottomright: 15px;
       -moz-border-radius-bottomleft: 0px;
       -webkit-border-top-left-radius: 15px;
       -webkit-border-top-right-radius: 0px;
       -webkit-border-bottom-left-radius: 0px;
       -webkit-border-bottom-right-radius: 15px;
}

CSS3 Border (Multipel)
Border ini memungkinkan untuk membuat border memiliki banyak warna

#contoh {
       border-width:5px;
       border-style:solid;
       -moz-border-top-colors:blue red orange green purple yellow;
       -moz-border-right-colors:blue red orange green purple yellow;
       -moz-border-bottom-colors:blue red orange green purple yellow;
       -moz-border-left-colors:blue red orange green purple yellow;
}


Semoga bisa bermanfaat

Kalau ada pertanyaan atau anda suka dengan "Macam - Macam Jenis Border" di atas silahkan masuk pada kolom komentar di bawah. Thanks.
Aristokrat Label: 17.30.00 0 komentar
Posting Komentar
Sebelum Anda meninggalkan halaman ini, silahkan masukkan "KOMENTAR" Anda.

to top Page Up Page Down to Bottom Auto Scroll Stop Scroll