English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
خصائص list-style-position CSS تحدد موقع علامة عنصر القائمة بالنسبة للصندوق الرئيسي للمحتوى للقائمة.
خصائص list-style-position CSS وتطبيقها بالأمثلة
| جدول التالي يوضح كيفية استخدام هذه الخاصية وتاريخها الإصداري، بالإضافة إلى جملة استخدامها في سكربتات JavaScript. | outside |
|---|---|
| القيمة الافتراضية: | تطبيقها: |
| عنصر القائمة | الوراثة: |
| نعم | يمكن تحريكه:لا يرجى الرجوع إلى。 |
| خصائص الرسوم المتحركة | الإصدار: |
| CSS 1،2،3 | JavaScript.style.listStylePosition="inside" |
جملة هذا الخصائص هي:
list-style-position: inside | outside | initial | inherit
المثال التالي يوضح كيفية استخدام خاصية list-style-position.
ol {
list-style-position: inside;
}
ul {
list-style-position: outside;
}اختبر لمعرفة‹/›جدول التالي يصف قيم هذه الخاصية.
| القيمة | الوصف |
|---|---|
| inside | وضع علامة القائمة داخل الصندوق الرئيسي الأولي للنص، قبل محتوى العنصر. |
| outside | وضع علامة القائمة خارج الصندوق الرئيسي للمحتوى. هذا هو القيمة الافتراضية. |
| initial | اعتماد هذا الخصائص إلى قيمته الافتراضية. |
| inherit | إذا تم تحديد هذا، فإن العناصر المرتبطة تستخدم قيمة الخاصية list-style-position للعنصر الأب. |
مستوى التطابق للمتصفحات الخاص بخصائص list-style-position، الأرقام في الجدول التالي تمثل أحدث إصدار من المتصفح الذي يدعم هذه الخاصية؛ جميع المتصفحات الشائعة يدعمون هذه الخاصية.
|
يرجى الرجوع إلى الدروس التالية:قائمة HTML،قائمة CSS。
خصائص مرتبطة:list-style،list-style-image،list-style-type。