Jenis-jenis Garis Border


Border Solid

Border Dotted

Border dashed

Border double

Border groove

Border Ridge

Border Inset

Border Outset

Keterangan :

Jenis-jenis border diatas saya buat dalam contoh penulisan teks berbingkai seperti kode dibawah ini :
<div style="border: 7px solid #FF0000; margin: 10px 0px; padding: 10px; width: auto; height: auto; text-align: center; font color:#00FF08;">Teks tulisan kita</div>
  • 7px adalah nilai tebal dari border
  • solid adalah jenis garis border
  • Teks Tulisan kita adalah Teks yang kita beri border

Fungsi-fungsi kode border :
  • Dotted = garis titik-titik
  • Solid =  garis lurus
  • Double = garis lurus double
  • Border-top = garis bagian atas
  • Border-bottom = garis bagian bawah
  • Border-left = garis bagian kiri
  • Border-right = garis bagian kanan

Catatan :
Untuk ukuran ketebalan border saya sarankan menggunakan ukuran diatas 2 px agar bentuk garis bordernya terlihat jelas
Comments
0 Comments