/* Blog untuk Penggemar Gratis dan Free: CSS Border*/


Monday, May 18, 2009

CSS Border

Kita bisa menggunakan kode CSS untuk membuat bingkai atau border suatu elemen halaman html. Properti yang digunakan untuk keperluan ini ialah border
sintaks penulisan:

p
{
border: double
}



Sintaks diatas digunakan untuk membuat border dengan garis double dengan warna hitam (default).
Sebenarnya properti border ini bisa digunakan untuk mengatur lebar garis, style (bentuk) garis dan warna garis border sekaligus.
Properti border mempunyai tiga macam Value (nilai) yaitu:
1. border-width - mengatur lebar garis
2. border-style - mengatur bentuk garis
3. border-color - mengatur warna garis

Sintaks dengan tiga value sekaligus:


p
{
border: medium solid red
}


Susunan ketiga value tersebut bisa dibolak balik ( kayak ngegoreng pisang aja... )

Value untuk border-width



Value Keterangan
thin
 tipis
medium
 menengah
thick tebal
length
 lihat CSS unit


Value untuk border-style



Value Keterangan
none
 tanpa border
hidden
 border di sembunyikan
dotted
 titik-titik
dashed
 garis putus-putus
solid
 garis tebal
double
 garis double
groove
 berlekuk
ridge
 bergelombang
inset
 tebal pada bagian atas dan samping kiri
outset
 tebal pada bagian bawah dan samping kanan


Value untuk border-color



Value Keterangan
color
 masukkan warna sesuai kode atau namanya
lihat kembal cara memasukkan warna pada background-color

Contoh properti border:

<html>
<head>
<style type="text/css">
p
{
border: medium double rgb(250,0,255)
}
</style>
</head>

<body>
<p>Contoh border: width=medium,style=double,color=rgb(250,0,255)</p>
</body>

</html>



Contoh tampilan

Contoh border: width=medium,style=double,color=rgb(250,0,255)



Contoh Tampilan beberapa jenis border:

Border = thin dotted red


Border = thin dotted red


Border = thick solid green


Border = 3pk double green


Border = medium groove blue


Border = medium ridge blue


Border = thick inset black


Border = thick outset blue



Silakan Pilih - Silakan Pilih....(kaya dagangan aja...)
Posted by Abu Daniyal at 6:27 PM
Labels:

3 comments:

Subscribe to: Post Comments (Atom)