Mengenal Border CSS

Assalamu'alaikum Wr. Wb.

A). Pendahuluan

      Bertemu lagi diblog saya. Pada postingan sebelumnya kita telah membahas tentang Padding CSS, kali ini saya akan membahas tentang Border CSS. Sebelum saya membahas tentang Border CSS, kalian tau gak apa itu Border? Kegunaanya apa? Kalau belum tahu lihat blog saya dibawah ini...

B). Pengertian

    Border merupakan garis tepi yang sering digunakan untuk membingkai bagian isi tersebut.

C). Maksud dan Tujuan

      Agar kalian tahu tentang border/garis tepi pada CSS

D). Pembahasan

       Border merupakan garis tepi yang sering digunakan untuk membingkai bagian isi tersebut. Border/garis tepi juga dapat digunakan untuk banyak hal, misalnya sebagai elemen dekoratif atau untuk memberi garis batas pemisah dari dua hal. Border properti mendefinisikan width, color, and style dari batas area pada box/kotak.

CSS memberi anda pilihan dalam menggunakan border antara lain :

 1). Border Border Properties

       Properti border CSS memungkinkan Anda menentukan gaya, lebar, dan warna batas elemen. 

 2). Border Style

      Properti border-style untuk menentukan bentuk (style) dari tampilan border.

Nilai berikut yang diperbolehkan yaitu:
       - burik - Tetapkan batas bertitik
       - berlari - Mendefinisikan sebuah garis putus-putus
       - padat - Mendefinisikan batas padat
       - ganda - Mendefinisikan perbatasan ganda
       - alur - Mendefinisikan sebuah perbatasan beralur 3D. Efeknya tergantung pada nilai warna border
       - ridge - Mendefinisikan sebuah perbatasan bergerigi 3D. Efeknya tergantung pada nilai warna border
       - inset - Mendefinisikan sebuah perbatasan inset 3D. Efeknya tergantung pada nilai warna border
       - awal - Mendefinisikan batas outset 3D. Efeknya tergantung pada nilai warna border
       - tidak ada - Tidak menentukan batas
       - tersembunyi - Mendefinisikan sebuah perbatasan tersembunyi

       Properti bergaya border bisa memiliki satu sampai empat nilai (untuk batas atas, perbatasan kanan, perbatasan bawah, dan perbatasan kiri).

 3). Border Width

       Properti border-width digunakan untuk mengatur lebar border/garis tepi. Border diatur dalam pixel, atau dengan menggunakan salah satu dari tiga nilai yang telah ditentukan : thin, medium, dan thick.

       Properti seluas lebar bisa memiliki dari satu sampai empat nilai (untuk batas atas, perbatasan kanan, perbatasan bawah, dan perbatasan kiri).

 4). Border Color

       Properti warna border digunakan untuk mengatur warna dari empat batas.
Warnanya bisa diatur oleh:
      - nama - tentukan nama warna, seperti "merah"
      - Hex - tentukan nilai hex, seperti "# ff0000"
      - RGB - tentukan nilai RGB, seperti "rgb (255,0,0)"
      - transparan.

Properti dengan warna border bisa memiliki satu sampai empat nilai (untuk batas atas, perbatasan kanan, batas bawah, dan perbatasan kiri).

Jika border-color tidak diset, warnanya mewarisi warna elemen.

 5). Border Individual Sides

       Dalam CSS Anda bisa juga menentukan border yang berbeda pada tiap sisi:

 6). Border Shorthand Property

       Properti perbatasan adalah properti singkat untuk properti perbatasan individual berikut:
     - lebar perbatasan
     - border-style (wajib)
     - border-color

 7). Left Border (kiri)  

 8). Border Bottom (bawah)

 9). Border Rounded

       Properti border-radius digunakan untuk menambahkan batas bulat ke elemen.

E). Hasil yang Didapat

    Memahami pengertian border css dan fungsinya. Selain itu juga dapat mengenal macam-macam border CSS.

F). Hasil Kesimpulan

      Dari bacaan diatas, saya dapat menyimpulkan bahwa border CSS digunakan untuk banyak hal, misalnya sebagai elemen dekoratif atau untuk memberi garis batas pemisah dari dua hal.

G). Referensi

  

    https://www.w3schools.com/css/css_border.asp

Cukup sekian informasi yang dapat saya berikan pada hari ini, semoga bisa bermanfaat dan berguna buat orang lain. Jika ada kesalahan kata saya mohon maaf. Terima kasih telah mengunjungi blog saya,  dan jangan lupa untuk mengikuti dan membaca selalu postingan di blog saya yang saat ini masih biasa-biasa saja.

  ~ Wassalamu'alaikum Wr. Wb. ~