Lebar Siluet CSS

Lebar Siluet CSS

outline-width Properti menentukan lebar kontur dan dapat diset ke salah satu nilai berikut:

  • thin（biasanya 1px）
  • medium (biasanya 3px)
  • thick (biasanya 5px)
  • Ukuran Spesifik (dengan ukuran px, pt, cm, em)

Berikut adalah contoh garis轮廓 yang berbeda lebar:

Garis tipis.

Garis menengah.

Garis tebal.

Garis tebal 4 piksel.

Contoh

p.ex1 {
  border: 1px solid black;
  outline-style: solid;
  outline-color: red;
  outline-width: thin;
}
p.ex2 {
  border: 1px solid black;
  outline-style: solid;
  outline-color: red;
  outline-width: medium;
}
p.ex3 {
  border: 1px solid black;
  outline-style: solid;
  outline-color: red;
  outline-width: thick;
}
p.ex4 {
  border: 1px solid black;
  outline-style: solid;
  outline-color: red;
  outline-width: 4px;
}

Coba Sendiri