border.md

Border

Dengan menggunakan border css, kita dapat menentukan style, lebar, dan warna dari border pada suatu elemen HTML

1. Border Style

Property border-style digunakan untuk menentukan jenis border yang akan ditampilkan ke layar

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;
}

2. Border Width

Untuk menentukan lebar dari border, kita bisa menggunakan property border-width

p {
  border-width: 5px;
}

3. Border Color

Untuk menentukan warna dari border, kita bisa menggunakan property border-color

p {
  border-color: red;
}

4. Border Radius

Kita dapat menggunakan property border-radius untuk membuat border menjadi bulat, semakin tinggi nilai yang kita masukkan, maka bordernya akan semakin bulat

p {
  border-radius: 5px;
}