Tambahkan sentuhan kreatif ke desain web kamu dengan gaya bingkai CSS yang unik dan modern. Pelajari cara menggunakannya dengan panduan pada artikel dibawah.
Property
border-style dalam sebuah html code menampilkan border yang dipilih untuk ditampilkan. Border style sendiri memiliki 4 (empat) macam model border element.
border-style: dotted solid double dashed;
- border atas bertitik-titik
- border kanan lurus atau border penuh
- border bawah garis 2 ganda
- border kiri putus-putus
Contoh:
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aperiam temporibus ipsum dolor pariatur, ut repellat cumque voluptas incidunt animi ipsam eum quod? Minus vitae soluta vero harum voluptatum qui quae.
border-style: dotted solid double;
- border atas titik=titik
- border kanan dan kiri lurus atau garis penuh
- border bawah garis ganda
Contoh:
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aperiam temporibus ipsum dolor pariatur, ut repellat cumque voluptas incidunt animi ipsam eum quod? Minus vitae soluta vero harum voluptatum qui quae.
border-style: dotted solid;
- border atas dan bawah titik-titik
- border kanan dan kiri garis penuh
Contoh:
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aperiam temporibus ipsum dolor pariatur, ut repellat cumque voluptas incidunt animi ipsam eum quod? Minus vitae soluta vero harum voluptatum qui quae.
border-style: dotted;
- border ke 4 sisi berupa titik-titik
Contoh:
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aperiam temporibus ipsum dolor pariatur, ut repellat cumque voluptas incidunt animi ipsam eum quod? Minus vitae soluta vero harum voluptatum qui quae.
Di dalam penulisan
border-style di dalam CSS file sendiri memiliki 12 style.
- border-style: none;
- border-style: hidden;
- border-style: dotted;
- border-style: dashed;
- border-style: solid;
- border-style: double;
- border-style: groove;
- border-style: ridge;
- border-style: inset;
- border-style: outset;
- border-style: initial;
- border-style: inherit;