outline คุณสมบัติเป็นคุณสมบัติชวเลขสำหรับ การตั้งค่าคุณสมบัติเค้าร่างแต่ละรายการดังต่อไปนี้:
outline-widthoutline-styleoutline-coloroutline-style เป็นสิ่งจำเป็น
outline คุณสมบัติถูกระบุเป็นหนึ่ง สองหรือสามค่าจากรายการด้านบน ลำดับของค่าไม่ได้ วัตถุ.
ตัวอย่างต่อไปนี้แสดงโครงร่างบางส่วนที่ระบุด้วย โครงร่าง แบบย่อ คุณสมบัติ:
A dashed outline.
A dotted red outline.
A 5px solid yellow outline.
A thick ridge pink outline.
p.ex1
{outline: dashed;}
p.ex2
{outline: dotted red;}
p.ex3
{outline: 5px solid yellow;}
p.ex4
{outline: thick ridge pink;}ลองด้วยตัวคุณเอง →
<!DOCTYPE html>
<html>
<head>
<style>
p.ex1 {outline: dashed;}
p.ex2 {outline: dotted red;}
p.ex3 {outline: 5px solid yellow;}
p.ex4 {outline: thick ridge pink;}
</style>
</head>
<body>
<h2>The outline Property</h2>
<p class="ex1">A dashed outline.</p>
<p class="ex2">A dotted red outline.</p>
<p class="ex3">A 5px solid yellow outline.</p>
<p class="ex4">A thick ridge pink outline.</p>
</body>
</html>