คุณสมบัติ outline-width

คุณสมบัติ outline-width กำหนดความหนาของ เส้นขอบนอก ซึ่งเป็นเส้นขอบที่ไม่ใช้พื้นที่ ในการจัดวาง ค่าของคุณสมบัติสามารถเป็น หน่วย สำหรับขนาด ใดๆ ก็ได้ ยกเว้นเปอร์เซ็นต์ หรือเป็นคำสำคัญ thin (เส้นขอบหนา 2 พิกเซล) medium (เส้นขอบหนา 4 พิกเซล) หรือ thick (เส้นขอบหนา 6 พิกเซล) ค่าเริ่มต้น: medium

ไวยากรณ์

cssselector {
  outline-width: value;
}

ตัวอย่าง

มาเริ่มกำหนดเส้นขอบให้กับองค์ประกอบ:

html<div id="elem"></div>
css#elem {
  outline-width: 1px;
  outline-style: solid;
  outline-color: black;
  width: 300px;
  height: 100px;
}

Результат:

ดูเพิ่มเติม

  • คุณสมบัติ outline-color,
    ซึ่งกำหนดสีของเส้นขอบ
  • คุณสมบัติ outline-style,
    ซึ่งกำหนดรูปแบบของเส้นขอบ
  • คุณสมบัติ outline,
    ซึ่งเป็นคุณสมบัติแบบย่อสำหรับเส้นขอบ
  • คุณสมบัติ outline-offset,
    ซึ่งกำหนดระยะห่างของเส้นขอบ