الفرق بين المراجعتين لصفحة: «CSS/list-style-position»
< CSS
لا ملخص تعديل |
ط استبدال النص - '\[\[تصنيف:(.*)\]\]' ب'{{SUBPAGENAME}}' |
||
| سطر 83: | سطر 83: | ||
* مسودة [https://drafts.csswg.org/css-lists-3/#list-style-position-property CSS Lists and Counters Module Level 3]. | * مسودة [https://drafts.csswg.org/css-lists-3/#list-style-position-property CSS Lists and Counters Module Level 3]. | ||
* مواصفة [http://www.w3.org/TR/CSS2/generate.html#propdef-list-style-position CSS Level 2 (Revision 1)]. | * مواصفة [http://www.w3.org/TR/CSS2/generate.html#propdef-list-style-position CSS Level 2 (Revision 1)]. | ||
[[تصنيف:CSS]] | [[تصنيف:CSS|{{SUBPAGENAME}}]] | ||
[[تصنيف:CSS Property]] | [[تصنيف:CSS Property|{{SUBPAGENAME}}]] | ||
[[تصنيف:CSS List]] | [[تصنيف:CSS List|{{SUBPAGENAME}}]] | ||
مراجعة 15:43، 28 يناير 2018
الخاصية list-style-position في CSS تُحدِّد مكان إشارة عناصر القائمة. ومن المستحسن عادةً استخدام الخاصية المختصرة list-style.
/* كلمات مفتاحية */
list-style-position: inside;
list-style-position: outside;
/* القيم العامة */
list-style-position: inherit;
list-style-position: initial;
list-style-position: unset;
| القيمة الابتدائية | outside
|
|---|---|
| تُطبَّق على | عناصر القوائم. |
| قابلة للوراثة | نعم |
| قابلة للتحريك | لا |
| القيمة المحسوبة | كما حُدِّدَت. |
ملاحظة: هذه الخاصية ستُطبَّق على عناصر القوائم، أي العناصر التي تكون قيمة الخاصية display فيها تساوي list-item، وهذا يتضمن العنصر <li> افتراضيًا؛ لكن لاحظ أنَّ قيمة هذه الخاصية قابلة للوراثة، أي يمكن ضبطها على العنصر الأب (الذي يكون عادةً <ol> أو <ul>) لتطبيق تنسيق القوائم على جميع العناصر الموجودة داخله.
أمثلة
مثال عن قائمتين غير مرتبتين غير مرتبة <ul> ضبطنا لها الخاصية list-style-position مع القيمتين inside و outside:
<code>list-style-position: inside;</code>
<ul class="inside">
<li>item</li>
<li>item</li>
<li>item</li>
</ul>
<code>list-style-position: outside;</code>
<ul class="outside">
<li>item</li>
<li>item</li>
<li>item</li>
</ul>
شيفرة CSS:
.inside { list-style-position: inside; }
.outside { list-style-position: outside; }
دعم المتصفحات
| الميزة | Chrome | Firefox | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| الدعم الأساسي | 1.0 | 1.0 | 4.0 | 3.5 | 1.0 |
البنية العامة
تقبل الخاصية list-style-position إحدى القيمتين التاليتين.
القيمة outside
ستظهر الإشارة خارج صندوق المحتوى.
القيمة inside
ستظهر الإشارة داخل صندوق المحتوى.
البنية الرسمية
list-style-position: inside | outside;
مصادر ومواصفات
- مسودة CSS Lists and Counters Module Level 3.
- مواصفة CSS Level 2 (Revision 1).