รูปแบบเค้าร่าง คุณสมบัติระบุสไตล์สำหรับบรรทัดที่ไปรอบ ๆ องค์ประกอบ สามารถรับค่าใดค่าหนึ่งดังต่อไปนี้ −
- ไม่มี − ไม่มีพรมแดน (เท่ากับ outline-width:0;)
- แข็ง − เค้าร่างเป็นเส้นทึบเส้นเดียว
- จุด − โครงร่างคือชุดของจุด
- ประ − โครงร่างคือชุดของบรรทัดสั้นๆ
- ดับเบิ้ล − เค้าร่างเป็นเส้นทึบสองเส้น
- ร่อง − โครงร่างดูเหมือนสลักอยู่ในหน้า
- สันเขา − โครงร่างมีลักษณะตรงกันข้ามกับร่อง
- สิ่งที่ใส่เข้าไป − โครงร่างทำให้กล่องดูเหมือนฝังอยู่ในหน้า
- เริ่มต้น − โครงร่างทำให้กล่องดูเหมือนออกมาจากผ้าใบ
- ซ่อน − ไม่เหมือนใคร
ตัวอย่าง
คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้งาน outline-style ทรัพย์สิน −
<html> <head> </head> <body> <p style = "outline-width:thin; outline-style:solid;"> This text is having thin solid outline. </p> <br /> <p style = "outline-width:thick; outline-style:dashed;"> This text is having thick dashed outline. </p> <br /> <p style = "outline-width:5px;outline-style:dotted;"> This text is having 5x dotted outline. </p> </body> </html>
