CSS ความกว้างรอยประกาศ

CSS ความกว้างรอยประกาศ

outline-width คุณสมบัตินี้กำหนดความกว้างของเส้นขอบ และสามารถกำหนดค่าดังนี้

  • thin（ปกติเป็น 1px）
  • medium (ปกติคือ 3px)
  • thick (ปกติคือ 5px)
  • ขนาดเฉพาะที่กำหนดด้วย px, pt, cm, em

ตัวอย่างด้านล่างนี้แสดงให้เห็นหน้ากากที่มีความกว้างต่างกัน

หน้ากากบาง

หน้ากากปานกลาง

หน้ากากหนา

หน้ากากหนา 4 พิกเซล

ตัวอย่าง

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

ทดลองด้วยตัวเอง