การเรียกเคลื่อนขอบรอบ CSS

การเรียกเคลื่อนขอบรอบ CSS

outline-offset คุณสมบัตินี้เพิ่มช่องว่างระหว่างรอยเส้นและขอบเขตขององค์ประกอบ ครับ ช่องว่างระหว่างองค์ประกอบและรอยเส้นของมันเป็นแบบที่โปร่งใส。

ตัวอย่างด้านล่างกำหนดรอยเส้นด้านนอกขอบเขตเงื่อนไข 25px:

ข้อความนี้มีรอยเส้นด้านนอกของขอบเขตเงื่อนไข 25px。

ตัวอย่าง

p {
  margin: 50px;
  border: 1px solid black;
  outline: 1px solid red;
  outline-offset: 25px;
}

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

ตัวอย่างด้านล่างแสดงให้เห็นว่าช่องว่างระหว่างองค์ประกอบและรอยเส้นของมันเป็นแบบที่โปร่งใส:

ข้อความนี้มีรอยเส้นเข้าไปด้านนอกของขอบเขตเงื่อนไข 25px。

ตัวอย่าง

p {
  margin: 30px;
  background: yellow;
  border: 1px solid black;
  outline: 1px solid red;
  outline-offset: 25px;
}

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

ทั้งหมด CSS ค่าปริมาณประกอบ

property รายละเอียด
outline ความย่อยของอัตรายอด ในทันทีเรียกแบบ outline-width, outline-style และ outline-color
outline-color ตั้งสีปริมาณประกอบ
outline-offset กำหนดช่องว่างระหว่างปริมาณประกอบและขอบขององค์ประกอบ
outline-style ตั้งรูปแบบปริมาณประกอบ
outline-width ตั้งความกว้างของปริมาณประกอบ