Selain HTML, CSS adalah teknologi utama untuk membuat laman web. CSS bertanggung jawab pada penyajian agar dihasilkan laman web yang menarik. CSS dapat meliputi banyak hal seperti layout, warna, font, margin, padding, alignment dan sebagainya. Salah satu property CSS yang juga sangat sering digunakan di dalam pembuatan laman web adalah border (garis tepi). Show
Property border CSS digunakan untuk menentukan garis tepi pada elemen HTML. Property border memerlukan tiga nilai. Nilai pertama adalah border-width untuk menentukan lebar garis tepi, nilai kedua adalah border-style untuk menentukan corak garis tepi apakah berupa garis tegas, garis putus-putus, garis titik-titik dan sebagainya dan nilai ketiga adalah border-color untuk menentukan warna garis tepi. Sintaksis dari property border CSS adalah sebagai berikut:
border adalah property CSS untuk menentukan lebar, corak dan juga warna garis tepi pada elemen HTML yang paling ringkas. Dengan menggunakan property border CSS, semua sisi, baik sisi atas, kanan, bawah dan kiri menggunakan lebar, corak dan warna garis yang sama. Berikut ini adalah contoh sederhana penggunakan property border: Baca artikel:
Berikut ini adalah hasil rendering di web browser Google Chrome: Lalu bagaimana bila Anda ingin menentukan garis tepi untuk elemen HTML dengan lebar, corak dan warna berbeda untuk masing-masing sisi? Anda perlu menentukan lebar, corak dan warna secara individu. CSS juga memiliki property lain terkait dengan border untuk menentukan border-width, border-style dan border-color di masing-masing sisi. 1. border-width.Dari sintaksis property border di atas, border-width adalah nilai pertama yang diberikan untuk menentukan lebar garis tepi. Setiap sisi, baik sisi atas, kanan, bawah dan kiri mempunya lebar garis tepi yang sama. Bila Anda menginginkan lebar garis tepi berbeda untuk masing-masing sisi, Anda dapat menentukan lebar garis tepi secara individu atau terpisah menggunakan property berikut ini:
Berikut ini adalah contoh sederhana memberi garis tepi dengan lebar berbeda untuk setiap sisi pada paragraf atau elemen . Berikut ini adalah hasil rendering di web browser Google Chrome: 2. border-style.Dari sintaksis property border di atas, border-style adalah nilai kedua yang diberikan untuk menentukan corak garis tepi. Setiap sisi, baik sisi atas, kanan, bawah dan kiri mempunya corak garis tepi yang sama. Bila Anda menginginkan corak garis tepi berbeda untuk masing-masing sisi, Anda dapat menentukan corak garis tepi secara individu menggunakan property berikut ini:
Ada cukup banyak corak garis tepi yang bisa digunakan. Anda dapat menggunakan salah satu dari daftar beriku ini:
Berikut ini adalah contoh sederhana memberi garis tepi dengan corak berbeda untuk setiap sisi pada paragraf atau elemen .
Berikut ini adalah hasil rendering di web browser Google Chrome: Di bagian elemen style atau tag 3. border-color.Dari sintaksis property border di atas, border-color adalah nilai ketiga yang diberikan untuk menentukan warna garis tepi. Setiap sisi, baik sisi atas, kanan, bawah dan kiri mempunya warna garis tepi yang sama. Bila Anda menginginkan warna garis tepi berbeda untuk masing-masing sisi, Anda dapat menentukan warna garis tepi secara individu menggunakan property berikut ini:
CSS sendiri memiliki beberapa cara mendefinisikan warna. Anda dapat menentukan warna di CSS melalui Hexadecimal color, HTML color names, RGB color, RGBA color, HSL color dan HSLA color. Berikut ini adalah contoh sederhana memberi garis tepi dengan warna berbeda untuk setiap sisi pada paragraf atau elemen Border Style CSS apa saja?Berikut adalah beberapa style yang bisa Anda pilih :. none : Tidak ada border. ... . solid : Border single (tunggal) dan padat seperti garis menggunakan bolpoint.. dotted : Border dalam bentuk titik-titik.. dashed : Border dalam bentuk garis-garis pendek.. double : Border dalam bentuk 2 garis solid/padat.. Properti apa yang digunakan untuk latar belakang warna pada CSS?Property Background berfungsi menampilkan effect warna/gambar latar belakang pada sebuah elemen. Kalau tadi kita bisa mengubah warna teks menggunakan Property Color, sekarang kita juga bisa mengubah warna latar belakang menggunakan Background-color.
Apa itu border pada HTML?border adalah property CSS untuk menentukan lebar, corak dan juga warna garis tepi pada elemen HTML yang paling ringkas. Dengan menggunakan property border CSS, semua sisi, baik sisi atas, kanan, bawah dan kiri menggunakan lebar, corak dan warna garis yang sama.
Apa itu background attachment CSS?Properti CSS background-attachment merupakan menentukan apakah posisi bahwa gambar ini adalah tetap dalam viewport, atau gulungan bersama dengan blok yang mengandung.
|