Mengenal Property Border Pada CSS

Daftar Isi [Tampil]

Halo Sahabat Kang Rizky, berjumpa lagi ya di Blog yang sama ya, dalam kesempatan kali ini mimin akan berbagi Tips dan tutorials Mengenal Property Border Pada CSS.

Border merupakan garis pembatas sebuah objek teks atau pun sebuah gambar. Border ini adalah salah satu property CSS. Penggunaan pada border dapat sahabat atur mulai dari segi ketebalan (width), warna (color) gayaataupun bentuk (style).

Property Border

Color bisa sahabat menggunakan RGB Color, atau Hexadecimal Color
style (gaya atau bentuk)
width sahabat bisa menggunakan pixel (px)

Border Style

Syntax ini untuk border style merupakan, none, dotted, dashed, solid, groove, ridge, inset, dan outset.
Supaya lebih jelasnya bisa sahabat lihat contoh border style dibawah ini, berikut kodenya :

border: 1px none #0099ff

border: 1px dotted #66ccff

border: 1px dashed #66ccff

border: 1px solid #66ccff

border: 3px double #66ccff

border: 5px groove #66ccff

border: 5px ridge #66ccff

border: 5px inset #66ccff

border: 5px outset #66ccff

Contoh pada penggunaan dengan RGB Color dibawah ini

border: 8px outset rgb(102, 204, 255)

Share this post

Donasi

Bantu Apresiasi Bantu berikan apresiasi jika artikelnya dirasa bermanfaat agar penulis lebih semangat lagi membuat artikel bermanfaat lainnya. Terima kasih.