CSS : Border (Part 6)

 Assalamualaikum wr.wb

A. JUDUL

     CSS : Border (Part 6)

B. PENDAHULUAN

     1. Pengertian

        Border adalah perbatasan antar content biasanya didefinisikan sebagai garis samping.

     2. Maksud dan Tujuan

• Agar paham dan tahu tentang border.

     3. Hasil yang Diharapkan

         Bisa menggunakan border.

C. ALAT DAN BAHAN

• Laptop atau Pc
• Koneksi Internet (Mencari Referensi)
• Sublime Text
• Web browser

D. JANGKA WAKTU PELAKSANAAN

        10 Menit

E. PEMBAHASAN

 Tag-tag Border :

• Dotted   : Mendefinisikan perbatasan putus-putus
• Solid      : Mendefinisikan sebuah perbatasan solid
• Double   : Mendefinisikan perbatasan ganda
• Groove   : Mendefinisikan perbatasan berlekuk 3d
• Ridge      : Mendefinisikan sebuah perbatasan bergerigi 3d
• Inset       : Mendefinisikan sebuah perbatasan inset 3d
• Out-set   : Mendefinisikan sebuah perbatasan awal 3d
• None      : Mendefinisikan ada batas
• Hidden   : Mendefinisikan perbatasan tersembunyi

Contoh file htmlnya dengan CSS didalamnya :

Tampilan CSS border jika dijakankan di browser :

F. HASIL YANG DI DAPATKAN

        Dapat menggunakan border dan paham cara menggunakannya.

G. KESIMPULAN

        Jadi border memungkinkan untuk menentukan gaya, lebar, dan warna perbatasan elemen.

H. REFERENSI

• https://www.w3schools.com

 Waalaikumusalam wr.wb

TAGS: #CSS

SHARE:

 Posted by : vivin rahayu

 Add Comment

Sabtu, 11 November 2017