CSS Border ~ TRIK TRIK INTERNET

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...)

These icons link to social bookmarking sites where readers can share and discover new web pages.