(CSS) Mengenal Property Border

Border yaitu garis pembatas sebuah objek teks atau pun gambar. Berder merupakan salah satu property CSS. Penggunaan border dapat diatur dari segi ketebalan (width), warna (color) gaya/bentuk (style).

Property Border

Color (warna), bisa menggunakan RGB Color, atau Hexadecimal Color
style (gaya/bentuk)
width (ketebalan), menggunakan pixel (px)

Border Style

Syntax untuk border style adalah, none, dotted, dashed, solid, groove, ridge, inset, dan outset.
Supaya lebih jelas silahkan lihat contoh border style 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 penggunaan dengan RGB Color

border: 8px outset rgb(102, 204, 255)
Berita Lebih Baru Berita Lebih Lama
  • no data
    Profil: https://www.blogger.com/profile/13465796310160423114
    11 Oktober, 2013

    Woy PERTAMAX!
    di amankan dulu :)
    - salam damai buat kang ismet! -

    Terimakasih sahabat no data untuk komentar pertamanya! Tunggu balasannya ya 👍
Tambahkan Komentar
comment url
Terima kasih telah berkomentar di Blog Kang Ismet.
  • Untuk menyisipkan Gambar, Kode, atau Kutipan silahkan klik Tab Sisipkan di atas.
  • Emoji yang bisa digunakan pada komentar :), :D, :( <3, :love dan :top
  • Untuk melihat Komentar yang telah ditambah sisipan kunjungi DEMO
Masukkan URL Gambar atau Potongan Kode, atau Quote, lalu klik tombol yang kamu inginkan untuk di-parse. Klik tombol Salin Kode! lalu paste ke kolom komentar.


image quote pre code
1 Komentar