مثال
تحديد كافة خصائص قائمة في إعلان واحد:
ul
{
list-style: square url("sqpurple.gif");
}
انها محاولة لنفسك » تعريف واستخدام
على غرار قائمة الخاصية المختصرة يحدد كل خصائص قائمة في إعلان واحد.
الخصائص التي يمكن تعيينها، هي (in order) : على غرار قائمة من نوع، قائمة على غرار الموقف، قائمة على غرار الصورة.
إذا كان أحد القيم أعلاه هي في عداد المفقودين، على سبيل المثال "list-style:circle inside;" ، سيتم إدراج القيمة الافتراضية للخاصية عداد المفقودين، إن وجدت.
القيمة الافتراضية: | disc outside none |
---|---|
وارث: | yes |
Animatable: | no. Read about animatable |
الإصدار: | CSS1 |
جافا سكريبت بناء الجملة: | object .style.listStyle="decimal inside" Try it |
دعم المتصفح
الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل العقار.
خاصية | |||||
---|---|---|---|---|---|
list-style | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
CSS بناء الجملة
list-style:list-style-typelist-style-positionlist-style-image|initial|inherit;
قيم الملكية
القيمة | وصف |
---|---|
list-style-type | يحدد نوع القائمة البند علامة. رؤية قائمة على النمط من نوع القيم الممكنة |
list-style-position | تحديد مكان وضع قائمة البند علامة. رؤية قائمة على النمط موقف للقيم المحتملة |
list-style-image | يحدد نوع القائمة البند علامة. انظر على غرار قائمة صورة للقيم المحتملة |
initial | تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي |
inherit | يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة |
صفحات ذات صلة
درس CSS: قائمة CSS
HTML DOM المرجع listStyle property