الفرق بين المراجعتين لصفحة: «CSS/outline-offset»
< CSS
لا ملخص تعديل |
لا ملخص تعديل |
||
(1 مراجعات متوسطة بواسطة نفس المستخدم غير معروضة) | |||
سطر 72: | سطر 72: | ||
</syntaxhighlight> | </syntaxhighlight> | ||
== انظر أيضًا == | |||
* صفحة الخاصية <code>[[CSS/outline|outline]]</code> وصفحة الخاصيات الفرعية التي تضبطها هذه الخاصية وهي <code>[[CSS/outline-style|outline-style]]</code> و <code>[[CSS/outline-width|outline-width]]</code> و <code>[[CSS/outline-color|outline-color]]</code>. | |||
* صفحة الخاصية <code>[[CSS/border|border]]</code> التي تؤدي إلى ضبط قيم الخاصيات التي تتحكم بإطار العنصر في آنٍ واحد. | |||
* صفحة الخاصيات التي تضبطها الخاصية المختصرة <code>[[CSS/border|border]]</code> وهي: <code>[[CSS/border-width|border-width]]</code> و <code>[[CSS/border-style|border-style]]</code> و <code>[[CSS/border-color|border-color]]</code>. | |||
== مصادر ومواصفات == | == مصادر ومواصفات == | ||
* مواصفة [https://drafts.csswg.org/css-ui-3/#outline-offset CSS Basic User Interface Module Level 3]. | * مواصفة [https://drafts.csswg.org/css-ui-3/#outline-offset CSS Basic User Interface Module Level 3]. |
المراجعة الحالية بتاريخ 03:38، 15 سبتمبر 2018
الخاصية 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.