Chiều rộng chân viền CSS

Chiều rộng chân viền CSS

outline-width Thuộc tính xác định độ rộng viền, và có thể thiết lập một trong các giá trị sau:

  • thin（thường là 1px）
  • medium (thường là 3px)
  • thick (thường là 5px)
  • Kích thước cụ thể (được tính bằng px, pt, cm, em)

Dưới đây là một số đường bao quanh có độ rộng khác nhau:

Vệt bao quanh mỏng.

Vệt bao quanh trung bình.

Vệt bao quanh dày.

Vệt bao quanh dày 4 pixel.

Mô hình

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

Thử ngay