outline-offset คุณสมบัติเพิ่มช่องว่าง ระหว่างโครงร่างและขอบ/เส้นขอบขององค์ประกอบ ช่องว่างระหว่าง องค์ประกอบและโครงร่างมีความโปร่งใส
ตัวอย่างต่อไปนี้ระบุโครงร่าง 15px นอกขอบเส้นขอบ:
This paragraph has an outline 15px outside the border edge.
p {
margin: 30px;
border: 1px solid black;
outline:
1px solid red;
outline-offset: 15px;
}ลองด้วยตัวคุณเอง →
<!DOCTYPE html>
<html>
<head>
<style>
p {
margin: 30px;
border: 1px solid black;
outline: 1px solid red;
outline-offset: 15px;
}
</style>
</head>
<body>
<h2>The outline-offset Property</h2>
<p>This paragraph has an outline 15px outside the border edge.</p>
</body>
</html>
ตัวอย่างต่อไปนี้แสดงให้เห็นว่าช่องว่างระหว่างองค์ประกอบและโครงร่างของมัน มีความโปร่งใส:
This paragraph has an outline of 15px outside the border edge.
p {
margin: 30px;
background:
yellow;
border: 1px solid black;
outline:
1px solid red;
outline-offset: 15px;
}ลองด้วยตัวคุณเอง →
<!DOCTYPE html>
<html>
<head>
<style>
p {
margin: 30px;
background:yellow;
border: 1px solid black;
outline: 1px solid red;
outline-offset: 15px;
}
</style>
</head>
<body>
<h2>The outline-offset Property</h2>
<p>This paragraph has an outline of 15px outside the border edge.</p>
</body>
</html>
คุณสมบัติชวเลขสำหรับการตั้งค่าความกว้างเค้าร่างสไตล์เค้าร่างและ สีเค้าร่างในการประกาศครั้งเดียว
กำหนดสีของโครงร่าง
ระบุช่องว่างระหว่างโครงร่างและขอบหรือเส้นขอบขององค์ประกอบ
กำหนดรูปแบบของเค้าร่าง
กำหนดความกว้างของโครงร่าง