Border CSS

Properti border CSS memungkinkan Anda untuk menentukan gaya, lebar, dan warna batas elemen.

Border Style CSS

Properti border-style menspesifikasikan jenis batas ke layar.

Berikut ini value atau nilai dari border-style yang diperbolehkan:

• dotted - Mendefinisikan batas bertitik
• dashed - Mendefinisikan batas putus-putus
• solid - Mendefinisikan batas yang kokoh
• double - Mendefinisikan batas ganda
• groove - Mendefinisikan batas beralur 3D. Efeknya tergantung pada nilai warna batas
• ridge - Mendefinisikan batas bergerigi 3D. Efeknya tergantung pada nilai warna batas
• inset - Mendefinisikan batas inset 3D. Efeknya tergantung pada nilai warna batas
• outset - Mendefinisikan batas awal 3D. Efeknya tergantung pada nilai warna batas
• none - Mendefinisikan tanpa batas
• hidden - Mendefinisikan batas tersembunyi

Properti border-style dapat memiliki dari satu sampai empat nilai (untuk perbatasan atas, batas kanan, batas bawah, dan perbatasan kiri).

Contoh

p.dotted {border-style: dotted;}
p.dashed {border-style: dashed;}
p.solid {border-style: solid;}
p.double {border-style: double;}
p.groove {border-style: groove;}
p.ridge {border-style: ridge;}
p.inset {border-style: inset;}
p.outset {border-style: outset;}
p.none {border-style: none;}
p.hidden {border-style: hidden;}
p.mix {border-style: dotted dashed solid double;}

Sumber referensi: w3schools.com