ความกว้างโครงร่าง CSS
ความกว้างโครงร่าง CSS
คุณสมบัติระบุ ความoutline-width
กว้างของเค้าร่าง และสามารถมีค่าใดค่าหนึ่งต่อไปนี้:
- บาง (โดยทั่วไปคือ 1px)
- ขนาดกลาง (โดยทั่วไปคือ 3px)
- หนา (โดยทั่วไปคือ 5px)
- ขนาดเฉพาะ (เป็น px, pt, cm, em ฯลฯ)
ตัวอย่างต่อไปนี้แสดงโครงร่างบางส่วนที่มีความกว้างต่างกัน:
โครงร่างบาง
โครงร่างขนาดกลาง
โครงร่างหนา
โครงร่างหนา 4px
ตัวอย่าง
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;
}