CSS Outline Offset
CSS Outline Offset
คุณสมบัติoutline-offset
เพิ่มช่องว่างระหว่างเค้าร่างและขอบ/ขอบขององค์ประกอบ ช่องว่างระหว่างองค์ประกอบและโครงร่างมีความโปร่งใส
ตัวอย่างต่อไปนี้ระบุโครงร่าง 15px นอกขอบเส้นขอบ:
ย่อหน้านี้มีโครงร่าง 15px นอกขอบเส้นขอบ
ตัวอย่าง
p {
margin: 30px;
border: 1px solid black;
outline:
1px solid red;
outline-offset: 15px;
}
ตัวอย่างต่อไปนี้แสดงว่าช่องว่างระหว่างองค์ประกอบและโครงร่างนั้นโปร่งใส:
ย่อหน้านี้มีโครงร่าง 15px นอกขอบเส้นขอบ
ตัวอย่าง
p {
margin: 30px;
background:
yellow;
border: 1px solid black;
outline:
1px solid red;
outline-offset: 15px;
}
คุณสมบัติเค้าร่าง CSS ทั้งหมด
Property | Description |
---|---|
outline | A shorthand property for setting outline-width, outline-style, and outline-color in one declaration |
outline-color | Sets the color of an outline |
outline-offset | Specifies the space between an outline and the edge or border of an element |
outline-style | Sets the style of an outline |
outline-width | Sets the width of an outline |