(CSS) Mengenal Property Border

by Produksi Sukabumi , at 08.56 , have 4 komentar

Yap untuk memperindah suatu web atau blog banyak sekali cara nya, tapi sebelum melangkah lebih jauh, mungkin sahabat masih ada yang belum tahu tentang Property border. yap pengertian border yaitu garis pembatas sebuah objek teks atau pun gambar. Berder merupakan salah satu property CSS. Penggunaan border dapat diatur dari segi ketebalan (width), warna (color) gaya/bentuk (style).
nah karena saya juga masih belajar, saya ambil tutor ini dari kang ismet. yuk belajar bareng-bareng, hehe

Property Border
color (warna), bisa menggunakan RGB Color, atau Hexadecimal Color
style (gaya/bentuk)
width (ketebalan), menggunakan pixel (px)

Border Style
Syntax untuk border style adalah, none, dotted, dashed, solid, groove, ridge, inset, dan outset.
Supaya lebih jelas silahkan lihat contoh border style berikut kodenya

border: 1px none #2ecc71

border: 1px dotted #2ecc71

border: 1px dashed #2ecc71

border: 1px solid #2ecc71

border: 3px double #2ecc71

border: 5px groove #2ecc71

border: 5px ridge #2ecc71

border: 5px inset #2ecc71

border: 5px outset #2ecc71

Contoh penggunaan dengan RGB Color

border: 8px outset rgb(51, 255, 51)

border-radius: 8px dengan border: 2px outset #2ecc71

sumber: http://blog.kangismet.net/2011/12/css-mengenal-property-border.html

yap Semoga tulisan (CSS) Mengenal Property Border ini bermanfaat,

(CSS) Mengenal Property Border - written by Produksi Sukabumi , published at 08.56, categorized as Belajar . And have 4 komentar

Facebook Twitter Google+ Linkedin Technorati Digg

Unknown 2 Februari 2014 pukul 02.10

lalu apa beda nya mas border seperti diatas dengan border-radius ??

Produksi Sukabumi AUTHOR 2 Februari 2014 pukul 08.59 Delete

oo,. kalau border radius seperti yang saya gunakan , lihat pojok kotak gan aldino berbentuk radius alias tidak tajam.. hehe yap ok nanti saya update lagi gan aldino.. hihi

Unknown 7 Februari 2014 pukul 02.31 Delete

ohh yang seperti itu nama nya border radius... makasih atas info nya :D
jadi nambah ilmu lagi nih..

Produksi Sukabumi AUTHOR 7 Februari 2014 pukul 09.37 Delete

haha yap sama-sama gan aldino,. hehe
wah PP nya ganti lagi,. hehe