خاصية موضع نمط قائمة CSS
مثال
حدد موضع علامات عناصر القائمة:
ul.a {
list-style-position: outside;
}
ul.b {
list-style-position: inside;
}
التعريف والاستخدام
list-style-position
تحدد الخاصية موضع علامات عنصر القائمة (النقاط النقطية) .
list-style-position: outside;
يعني أن النقاط ستكون خارج عنصر القائمة. ستتم محاذاة بداية كل سطر من عناصر القائمة عموديًا:
- القهوة - مشروب مُعد من حبوب البن المحمصة ...
- شاي
- كوكا كولا
list-style-position: inside;
يعني أن النقاط ستكون داخل عنصر القائمة. نظرًا لأنه جزء من عنصر القائمة ، فسيكون جزءًا من النص ويدفع النص في البداية:
- القهوة - مشروب مُعد من حبوب البن المحمصة ...
- شاي
- كوكا كولا
القيمة الافتراضية: | الخارج |
---|---|
وارث: | نعم |
متحرك: | رقم. اقرأ عن animatable |
الإصدار: | CSS1 |
بناء جملة JavaScript: | الكائن .style.listStylePosition = "داخل" |
دعم المتصفح
تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم الخاصية بالكامل.
Property | |||||
---|---|---|---|---|---|
list-style-position | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
بنية CSS
list-style-position: inside|outside|initial|inherit;
قيم الملكية
Value | Description | Play it |
---|---|---|
inside | The bullet points will be inside the list item | |
outside | The bullet points will be outside the list item. This is default | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
الصفحات ذات الصلة
دروس CSS: قائمة CSS
مرجع CSS: خاصية نمط القائمة
مرجع DOM HTML: خاصية listStylePosition