border-style | Codingku

Properti CSS border-style adalah properti singkatan yang digunakan untuk menentukan gaya garis border elemen (solid, double, dashed, dll), kecuali ada set gambar border.

Atau singkatan dari properti: border-top-style, border-right-style, border-bottom-style, dan border-left-style.

Nilai properti border-style dapat ditentukan menggunakan satu, dua, tiga, atau empat komponen.

Ketika satu nilai digunakan, nilai menentukan border style atas, kanan, bawah, dan kiri.

Jika dua nilai digunakan, nilai pertama menentukan border style atas dan bawah dan nilai kedua menentukan border style kanan dan kiri.

Jika tiga nilai digunakan, yang pertama menentukan border style atas, yang kedua menentukan border style kanan dan kiri, dan yang ketiga menentukan border style bawah.

Jika empat nilai digunakan, nilai pertama, kedua, ketiga, dan keempat menentukan border style atas, kanan, bawah, dan kiri.

CSS Syntax

border-style: none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset | initial | inherit;

Javascript Syntax

object.style.borderStyle="dotted double"

default border-style: none;

Menghapus border elemen.

border-style: dotted;

Mengubah border menjadi urutan titik-titik.

border-style: dashed;

Mengubah border menjadi urutan garis.

border-style: solid;

Mengubah border menjadi garis yang solid.

border-style: double;

Pisahkan border menjadi dua garis.

border-style: groove;

Setel gaya inset ke border.