Assalamu’alaikum Warahmatullahi Wabarakaatuh,
Halo Sobat Mas Rizky, berjumpa lagi ya di Website yang sama, dalam kesempatan kali ini admin Masrizky.web.id akan berbagi Terkait Mengenal Property Border Pada CSS.
Properti border dalam CSS adalah salah satu komponen penting yang memungkinkan pengembang web untuk memberikan batas (border) pada elemen HTML.
Properti ini sangat fleksibel dan dapat disesuaikan dengan berbagai cara untuk menciptakan tampilan yang menarik dan terorganisir.
Border CSS memungkinkan Anda untuk menentukan lebar, gaya, dan warna dari batas suatu elemen, yang semuanya dapat diatur secara individual untuk setiap sisi elemen (atas, kanan, bawah, kiri) atau secara keseluruhan.
Mengenal Property Border Pada CSS
Untuk menerapkan border, Anda dapat menggunakan properti shorthand `border` yang mencakup tiga nilai utama: lebar (width), gaya (style), dan warna (color). Misalnya, `border: 2px solid black;` akan memberikan elemen batas dengan lebar 2 piksel, gaya solid, dan warna hitam.
Jika Anda ingin lebih spesifik, Anda juga dapat menggunakan properti individual seperti `border-width`, `border-style`, dan `border-color`. Selain itu, CSS juga menyediakan properti untuk setiap sisi seperti `border-top`, `border-right`, `border-bottom`, dan `border-left` untuk kontrol yang lebih detail.
Selain properti dasar, CSS juga mendukung properti tambahan seperti `border-radius` yang memungkinkan Anda untuk membuat sudut-sudut elemen menjadi melengkung.
Ini sangat berguna untuk menciptakan desain yang lebih modern dan lembut. Ada juga properti `border-image` yang memungkinkan Anda menggunakan gambar sebagai batas elemen, memberikan fleksibilitas dan kreativitas lebih dalam desain web.
Dengan memahami dan menguasai properti border dalam CSS, Anda dapat menciptakan tampilan yang profesional dan menarik untuk situs web Anda.
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
Demikian informasi tentang Mengenal Property Border Pada CSS yang dapat kami sampaikan, semoga bermanfaat. Jika informasi ini bermanfaat, Jangan lupa Share ya sobat mas rizky, Terima Kasih.
Wassalamu’alaikum Warahmatullahi Wabarakaatuh.
