CSS 輪廓簡寫

CSS Outline - 簡寫屬性

outline 属性是用於設置以下各個輪廓屬性的簡寫屬性：

  • outline-width
  • outline-style（สำหรับใช้งานตามที่กำหนด）
  • outline-color

จากบรรทัดข้อความด้านบนoutline คุณสมบัติสามารถกำหนดค่าหนึ่ง สองหรือสามค่า

ตัวอย่างด้านล่างแสดงให้เห็นการใช้ outline รอยลวดที่กำหนดโดยคุณสมบัติ

รอยลวดสีแย้ม

รอยลวดสีแดงที่หย่อม

รอยลวดสีเหลืองที่มีความหนา 5 พิกเซล

รอยลวดสีชมพูที่หนา

ตัวอย่าง

p.ex1 {outline: dashed;}
p.ex2 {outline: dotted red;}
p.ex3 {outline: 5px solid yellow;}
p.ex4 {outline: thick ridge pink;}

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