BELAJAR CSS Chapter 8 : Mengubah Border dengan CSS

HASANONTA - Border atau garis tepi dapat digunakan dala banyak hal, misalnya sebagai pembatas antara 2 element, dan lain-lain. Border memiliki property berupa width, height, color, style, dan lain-lain. Kali ini saya akan menjelaskan tentang border pada CSS.

MENGATUR BORDER STYLE

Pada CSS terdapat banyak gaya untuk mengatur border, kita dapat membuat gaya garis putus - putus, garis tebal dan masih banyak lainya. Untuk memberikan border sekaligus value style yang kita inginkan kita dapat menggunakan properti CSS border-style . Ada beberapa value style yang ada di border antara lain:

Solid
Dotted
Dashed
Double
Groove
Inset
Outset
Ridge

MENGATUR UKURAN BORDER CSS

Untuk mengatur ukuran border kita dapat menggunakan properti CSS border-width. Berikut contoh penulisan properti border-width :

Output :

MEMBERI WARNA PADA BORDER

Untuk memberikan warna pada border kita dapat menggunakan properti CSS border-color . Berikut adalah contoh penulisan properti border-color :

Output :

CARA CEPAT MEMANIPULASI BORDER DENGAN CSS

Cara untuk memanipulasi atau mengubah border dengan cepat menggunakan CSS kita bisa langsung menggunakan property css border. dan mengisi langsung value ukuran, jenis garis dan warna. untuk cara cepat memanipulasi border dengan css silahkan perhatikan contoh berikut ini.