الخاصية outline-offset
< CSS
اذهب إلى التنقل
اذهب إلى البحث
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.
الخاصية outline-offset
في CSS تضبط المسافة التي تبعد فيها حدود outline
العنصر عن حافته أو إطاره border
، والحدود هي الخطوط التي تُرسَم خارج إطار العنصر border
. المسافة التي ستوضع بين إطار العنصر وحدوده هي مسافة ذات خلفية شفافة، أي ستُعرَض خلفية العنصر الأب فيها.
بطاقة الخاصية
القيمة الابتدائية | 0
|
---|---|
تُطبَّق على | جميع العناصر. |
قابلة للوراثة | لا |
قابلة للحركة | نعم |
القيمة المحسوبة | كما حُدِّدَت، لكن مع تحويل الأطوال النسبية إلى مطلقة. |
/* <length> القيم الطولية */
outline-offset: 3px;
outline-offset: 0.2em;
/* القيم العامة */
outline-offset: inherit;
outline-offset: initial;
outline-offset: unset;
أمثلة
سنترك -في المثال الآتي- مسافة وقدرها 10px
بين العنصر وحدوده، باستخدام الخاصية outline-offset
:
<p>حدود هذا العنصر ستبعد عنه مسافة 10 بكسل.</p>
وضعنا خلفيةً وإطارًا للعنصر لكي نعرف أين ينتهي صندوق العنصر:
p {
outline: 1px dashed salmon;
outline-offset: 10px;
background-color: lightgray;
border: 1px solid #069;
margin: 15px;
}
دعم المتصفحات
الميزة | Chrome | Firefox | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
الدعم الأساسي | 1.0 | 1.5 | غير مدعومة | 9.5 | 1.2 |
البنية العامة
الخاصية outline-offset
تقبل قيمةً طوليةً واحدةً.
<length>
المسافة التي تفصل بين العنصر وبين حدوده، وإذا كانت هذه القيمة سالبةً فستُرسَم الحدود داخل العنصر، أما القيمة 0
فلن تؤدي إلى إضافة أيّة مسافات بين العنصر وحدوده.
البنية الرسمية
outline-offset: <length>;
انظر أيضًا
- صفحة الخاصية
outline
وصفحة الخاصيات الفرعية التي تضبطها هذه الخاصية وهيoutline-style
وoutline-width
وoutline-color
. - صفحة الخاصية
border
التي تؤدي إلى ضبط قيم الخاصيات التي تتحكم بإطار العنصر في آنٍ واحد. - صفحة الخاصيات التي تضبطها الخاصية المختصرة
border
وهي:border-width
وborder-style
وborder-color
.
مصادر ومواصفات
- مواصفة CSS Basic User Interface Module Level 3.
- مسودة CSS Transitions.