CSS Tutorial Part 8 : Mengubah Border dengan CSS

Assalammualaikum Wr. Wb.

Kali ini saya akan sharing mengenai cara mengubah border HTML dengan CSS....bagaimana caranya?. simak pembahasan berikut ini....

A. PENDAHULUAN

Pengertian

Border merupakan garis tepi yang terdapat pada hasil dari elemen HTML

Latar Belakang

Ingin Mempelajari dan menggunakan border pada CSS

Maksud dan Tujuan

Dapat Mempelajari dan menggunakan border pada CSS

B. ALAT DAN BAHAN

Text Editor
Web Browser
1 Unit PC/Laptop

C. JANGKA WAKTU PELAKSANAAN

Sekitar 5-10menit an

D. RANGKAIAN KEGIATAN

Mengubah Border Style

di CSS terdapat banyak sekali gaya atau model untuk membuat garis. dimulai dari bentuk titik-titik, berbentuk garis yang putus", garis ganda, dan masih banyak lagi. untuk membuat garis sekaligus memberi value style yang diinginkan kita dapat menggunakan property CSS Border style. perhatikan contoh dibawah ini....

maka hasilnya akan menjadi seperti ini...

Memberi Ukuran pada Border

untuk mengatur ukuran ketebalan border kita dapat gunakan property border-width. berikut merupakan contoh pengaturan ukuran pada border CSS.

dan jika dibuka di browser, maka hasilnya akan menjadi seperti ini...

Memberi warna pada Border

untuk memberi warna kalian dapat menggunakan property border-color dan untuk valuenya, anda dapat isi warnanya (dalam bahasa inggris). berikut merupakan contoh penggunaan border-color:

dan jika dibuka di browser, maka hasilnya akan menjadi seperti ini...

Memanipulasi Border CSS secara singkat

untuk memanipulasi border CSS dengan cepat anda dapat menggunakan property border dan valuenya anda dapat isi lebih dari 1 value. contoh value warna, ukuran, dan juga gaya border, berikut merupakan contoh penulisan border

dan jika dibuka di browser, maka hasilnya akan menjadi seperti ini...

E. HASIL YANG DIDAPATKAN

Dapat menggunakan border pada CSS dan mempraktekkannya.

F. TEMUAN PERMASALAHAN

Tidak Ada

G. KESIMPULAN

Dari pada menuliskan satu persatu, lebih baik saya anjurkan menggunakan property border dan mengisinya valuenya secara keseluruhan dalam satu property.

H. REFERENSI