خصائص list-style-position CSS

التعريف والاستخدام

يحدد مكان وضع علامات العناصر في listStylePosition.

شرح

يستخدم هذا الخصائص لتعريف موضع علامات العناصر في محتوى العنصر. العلامات الخارجية (outside) يتم وضعها على مسافة معينة من حدود العنصر، ولكن هذه المسافة غير معرفة في CSS. العلامات الداخلية (inside) يتم التعامل معها كأنها عناصر سطرية داخلة في محتوى العنصر.

انظر أيضًا:

دليل CSS:قائمة CSS

دليل CSS:خصائص list-style CSS

دليل HTML DOM:خاصية listStylePosition

مثال

يحدد موضع علامات العناصر في القائمة:

ul
  {
  list-style-position:inside;
  }

جرب بنفسك

نحو CSS

list-style-position: inside|outside|initial|inherit;

قيمة الخاصية

القيمة الوصف
inside وضع علامات العنصر داخل النص، وعدم تحديد النص حول العلامة.
outside القيمة الافتراضية. الحفاظ على علامات العنصر في الجانب الأيسر من النص. وضع علامات العنصر خارج النص، وعدم تحديد النص حول العلامة.
inherit يحدد هذا أن list-style-position يجب أن يُورث قيمته من عنصر الأب.

تفاصيل التقنية

القيمة الافتراضية: outside
تنقل: نعم
الإصدار: CSS1
جافا سكربت نحو: object.style.listStylePosition="inside"

مزيد من الأمثلة

وضع علامات القائمة
هذا المثال يوضح أين يمكن وضع علامات القائمة.

دعم المتصفح

الرقم في الجدول يوضح إصدار المتصفح الأول الذي يدعم هذه الخاصية بشكل كامل.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5