Cara Membuat Border dan Tipe Pada CSS

Pada pembahasan kali ini, kamu akan mengetahui cara membuat border dan mengetahui jenis-jenis border dalam CSS. Border merupakan bagian sisi garis ukuran yang dapat dilebarkan maupun di perkecil. Dalam hal tersebut, perlu kamu ketahui bahwa border sering dipakai untuk menebalkan garis luar pada suatu element didalam halaman HTML.

Jika kamu membuat navigasi bar ataupun posting artikel, kamu biasanya memakai border untuk membatasi garis. Border mempunyai bermacam tipe, biasanya tipe solid sering sekali dipakai. Contoh kodingan dengan tipe-tipe border dapat kamu lihat dibawah ini.

See the Pen CSS_#5_1 by lintangzakti (@zakti13) on CodePen.

Border mempunyai ukuran seperti arah jarum jam. Ketika kamu memakai ukuran ketebalan border, maka kamu secara langsung memasukkan keempat ukuran dari atas, kanan, bawah, dan kiri. Contoh kodingan dapat kamu lihat dibawah ini.

See the Pen CSS_#5_2 by lintangzakti (@zakti13) on CodePen.

Contoh kodingan border color dapat kamu lihat dibawah ini.

See the Pen CSS_#5_3 by lintangzakti (@zakti13) on CodePen.

Kamu dapat melihat perbedaan dari kodingan yang ditampilkan diatas. Kodingan paling atas tentang tipe border, kodingan tengah tentang ketebalan border, dan kodingan terakhir tentang warna. Jika kamu menggunakan border-color, kamu juga bisa menggunakan property rgb(value).

Cara Membuat Paragraf HTML #8

Jika kalian ingin mencoba, silahkan kalian masukkan kodingan tersebut ke dalam Text Editor lalu Save As dengan format HTML dan nama yang kalian suka. Klik dua kali untuk membuka File tersebut dan lihat hasilnya.