إزاحة الإطلالة 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

خصائص	وصف
outline	خصائص مختصرة، تعيين outline-width، outline-style و outline-color في بيانة واحدة
outline-color	ضبط لون الهيكل
outline-offset	تحديد المسافة بين الهيكل والهيكل أو الحدود للعنصر
outline-style	ضبط نمط الهيكل
outline-width	ضبط عرض الهيكل