CSS >> BORDER (3)

Sebelumnya saya akan tunjukkan bentuk style dalam border

dotted

dashed

solid

double

groove

ridge

inset

outset

inherited

None

hidden

Berikutnya saya akan bahas tentang Radius. Radius sendiri terdiri dari :

1. border-top-left-radius:2em;
2. border-top-right-radius:2em;
3. border-bottom-right-radius:2em;
4. border-bottom-left-radius:2em;

untuk format agak membingungkan. Untuk mudahnya saya menulis

border-radius: 2em 1em 4em 3em/ 0.5em 3em;

(memakai /). Disini saya mendeklarasikan

1. border-top-left-radius:2em 0.5em;
2. border-top-right-radius:1em 3em;
3. border-bottom-right-radius:4em 0.5em;
4. border-bottom-left-radius:3em 3em;

agak sulit membuat penjelasan atas ini. Versi lebih mudahnya

border-radius: 2em 1em 4em 3em

saya mendeklarasikan

1. border-top-left-radius:2em ;
2. border-top-right-radius:1em;
3. border-bottom-right-radius:4em;
4. border-bottom-left-radius:3em ;