CSS3 Border


CSS3 Rounded Corner

Rounded corner digunakan untuk membuat bulatan sudut pada border. Property yang digunakan ialah border-radius.

Contoh

div
{
border:2px solid #a1a1a1;
border-radius:25px;
-moz-border-radius:25px;
}

Coba »


CSS3 Box Shadow

Box shadow digunakan untuk manambahkan bayangan di objek yang diinginkan. Propery yang digunakan ialah box-shadow.

Contoh

div
{
box-shadow: 10px 10px 5px #888888;
}

Coba »


CSS3 Border Image

Border image digunakan untuk membuat border menggunakan gambar. Property yang digunakan ialah border-image.

Contoh

div
{
border-image:url(border.png) 30 30 round;
-moz-border-image:url(border.png) 30 30 round; /* Firefox */
-webkit-border-image:url(border.png) 30 30 round; /* Safari dan Chrome */
-o-border-image:url(border.png) 30 30 round; /* Opera */
}

Coba »