CSS outline-offset خاصية

التعريف والاستخدام

تقوم خاصية outline-offset بتحريك الهيكل وتلوينه عند حافة الهوامش.

الحدود يختلفان في两个方面 عن الهوامش:

  • الحدود لا تأخذ مساحة
  • الحدود قد تكون غير مركزية

انظر أيضًا:

دليل CSSواجهة المستخدم CSS

دليل HTML DOMخاصية outlineOffset

مثال

يحدد الهيكل الخارجي خارج الهوامش 15 بكسل:

div
{
border:2px solid black;
outline:2px solid red;
outline-offset:15px;
}

تجربة شخصية

جافا سكربت CSS

outline-offset: length|inherit;

قيمة الخاصية

القيمة الوصف
length المسافة بين الهيكل والهوامش.
inherit يحدد أن يجب استيراد قيمة خاصية outline-offset من العنصر الأم.

تفاصيل التقنية

القيمة الافتراضية: 0
التنقلية: لا
الإصدار: CSS3
جافا سكربت: object.style.outlineOffset="15px"

دعم المتصفح

الرقم في الجدول يوضح الإصدار الأولي للتصفح الذي يدعم هذه الخاصية بالكامل.

Chrome IE / Edge Firefox Safari Opera
4.0 15.0 3.5 3.1 10.5