الفرق بين المراجعتين لصفحة: «CSS/border-image-repeat»
لا ملخص تعديل |
ط استبدال النص - '\[\[تصنيف:(.*)\]\]' ب'{{SUBPAGENAME}}' |
||
سطر 87: | سطر 87: | ||
== مصادر ومواصفات == | == مصادر ومواصفات == | ||
* مواصفة [https://drafts.csswg.org/css-backgrounds-3/#border-image-repeat CSS Backgrounds and Borders Module Level 3]. | * مواصفة [https://drafts.csswg.org/css-backgrounds-3/#border-image-repeat CSS Backgrounds and Borders Module Level 3]. | ||
[[تصنيف:CSS]] | [[تصنيف:CSS|{{SUBPAGENAME}}]] | ||
[[تصنيف:CSS Property]] | [[تصنيف:CSS Property|{{SUBPAGENAME}}]] | ||
[[تصنيف:CSS Border]] | [[تصنيف:CSS Border|{{SUBPAGENAME}}]] |
مراجعة 15:39، 28 يناير 2018
الخاصية border-image-repeat
في CSS تُعرِّف كيفية عرض الجزء الأوسط من صورة الإطار لكي تُطابِق أبعاد الإطار. ويمكن استخدام قيمة واحدة لهذه الخاصية لضبط سلوك جميع الحواف، أو يمكن تحديد قيمتين لضبط سلوك الحواف الأفقية والرأسية كلًا على حدة.
/* border-image-repeat: type */
border-image-repeat: stretch;
/* border-image-repeat: horizontal vertical */
border-image-repeat: round stretch;
/* القيم العامة */
border-image-repeat: inherit;
border-image-repeat: initial;
border-image-repeat: unset;
القيمة الابتدائية | stretch
|
---|---|
تُطبَّق على | جميع العناصر ما عدا عناصر الجدول الداخلية التي ضُبِطَت فيها الخاصية border-collapse إلى collapse .
|
قابلة للوراثة | لا |
قابلة للتحريك | لا |
القيمة المحسوبة | كما حُدِّدَت. |
أمثلة
راجع صفحة border-image
لأمثلة عن هذه الخاصية.
دعم المتصفحات
الميزة | Chrome | Firefox | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
الدعم الأساسي | 15.0 | 15.0 | 11 | 15 | 6 |
القيمة round | 30 | 15.0 | 11 | ؟ | 9.1 |
القيمة space | 56 | 50 | 11 | غير مدعومة | 9.1 |
البنية العامة
تقبل الخاصية border-image-repeat
كلمة محجوزةً (لجميع الحواف) أو كلمتين محجوزتين (للحواف الأفقية والرأسية على حدة) من القيم الآتية:
القيمة stretch
تُشير هذه الكلمة المحجوزة إلى أنَّ الصورة يجب أن تُغيّر أبعادها لتملأ الفراغ بين الإطارين.
القيمة repeat
تُشير هذه الكلمة المحجوزة إلى أنَّ الصورة يجب أن تتكرر حتى تملأ الفراغ بين الإطارين.
القيمة round
تُشير هذه الكلمة المحجوزة إلى أنَّ الصورة يجب أن تتكرر حتى تملأ الفراغ بين الإطارين. إذا لم تتسع الصورة بعد تكرارها لعدد صحيح من المرات، فسيتم تغيير أبعادها حتى تتسع.
القيمة space
تُشير هذه الكلمة المحجوزة إلى أنَّ الصورة يجب أن تتكرر حتى تملأ الفراغ بين الإطارين. إذا لم تتسع الصورة بعد تكرارها لعدد صحيح من المرات، فسيتم توزيع المسافة الفارغة بين التكرارات لملأ الفراغ.
البنية الرسمية
border-image-repeat: [ stretch | repeat | round | space ]{1,2};