border css

A. Pendahuluan

 
         

     Hallo kawan saya akan membahasan tentang border pada css,.

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. Penutup

Terima kasih yang sudah melihat blog saya😃😀

H. Referensi

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