t u t o r i a l s i t e

Jenis Border

Thursday, July 14, 2011 - 0 comment

Hello eberibadi.

It's requested. Yes it is.

Hari ini yad nak tunjuk jenis-jenis border dan code untuk border. Basically, border ini bentuk-bentuk setiap sudut square atau rectangle. Selain bucu-bucu yang tajam setiap sudut, anda boleh jadikan beberapa bentuk yang lebih kreatif untuk blog anda.

Lets start!

Bentuk-bentuk border;

-moz-border-radius: 25px 10px / 10px 25px;

border-radius: 25px 10px / 10px 25px;

-moz-border-radius-bottomright: 50px;

border-bottom-right-radius: 50px;

-moz-border-radius-bottomright: 50px 25px;

border-bottom-right-radius: 50px 25px;

-moz-border-radius-bottomright: 25px 50px;

border-bottom-right-radius: 25px 50px;

-moz-border-radius: 1em 4em 1em 4em;

border-radius: 1em 4em 1em 4em;

Code untuk setiap bucu-bucu;

border-top: 1px groove #ffd6d6;

border-bottom: 6px groove #ffd6d6;

border-left: 4px groove #ffd6d6;

border-right: 4px groove #ffd6d6;

**
Ungu; border bahagian atas
Pink; border bahagian bawah
Biru; border bahagian kiri
Hijau; border bahagian kanan
Oren; boleh tukar kepada beberapa pilihan iaitu;
- dotted
- dashed
- solid
- groove
- ridge
- inset
- outset
Kuning: Warna border
Merah; saiz ketebalan border

Goodluck!

Labels: rujukan