English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

دليل CSS

قواعد CSS (RULES)

موسوعة CSS

استخدام خاصية outline-offset في CSS3 و أمثلة

خصائص outline-offset CSS تستخدم لضبط المسافة بين العنوان والحدود أو حافة العنصر. المسافة بين العنوان والحدود أو حافة العنصر.

جدول أدناه يوضح وصف الاستخدام و سجلات الإصدارات لهذه الخاصية، بالإضافة إلى استخدامها في سكربتات JavaScript.

القيمة الافتراضية:0
تطبيقها على:جميع العناصر
الوراثة:لا
يمكن تفعيله بالرسوم المتحركة:نعم.يرجى الرجوع إلى خصائص الرسوم المتحركة
الإصدار: ميزات CSS3 الجديدة
JavaScript Syntax:object.style.outlineOffset="15px"

نحو استخدام outline-offset

قواعد النحو للخاصية هي:

outline-offset: length | initial | inherit

في المثال أدناه، يتم عرض كيفية استخدام خاصية outline-offset.

p {
    border: 2px solid red;
    outline: 2px solid green;
    outline-offset: 10px;
}
اختبار لمعرفة‹/›

قيمة الخاصية

جدول أدناه يصف قيم الخاصية.

القيمةوصف
lengthتحديد المسافة بين خط العنوان والحدود. القيمة الافتراضية هي 0. القيم السلبية تضيف العنوان داخل العنصر.
initialإعداد الخاصية إلى قيمتها الافتراضية.
inheritإذا تم تحديدها، فإن العناصر ذات الصلة تأخذ قيمة الخاصية outline-offset للعنصر الأم.

متاح في المتصفحات

متاحة في المتصفحات المدعومة، الأرقام في الجدول التالي تمثل أحدث إصدار من المتصفح يدعم الخاصية؛ جميع المتصفحات الرئيسية تدعم الخاصية.

  • Firefox 3.5+

  • Google Chrome4+

  • Internet Explorer ×

  • Apple Safari 3.1+

  • Opera 10.5+

قراءة المزيد

يرجى الرجوع إلى الدروس التالية:CSS العناوين،CSS الحدود

الخصائص ذات الصلة:outline،outline-width،outline-style،outline-color