ما هي خصائص CSS التي تغير علامات القائمة؟ تصميم القائمة: مجموعة خصائص نمط القائمة في CSS

بدون أي قواعد تصميم إضافية، ستبدو القائمة الموجودة في DIV الأساسي كما يلي:

التمركز

في بعض الأحيان قد تكون المسافة البادئة للقائمة الافتراضية كبيرة جدًا بالنسبة لتصميمك. ولكن التغيير فقط خصائص الهامشأو الحشو لعنصر

لا يعمل مع جميع المتصفحات. لكي تتحرك القائمة بالكامل إلى اليسار، على سبيل المثال، تحتاج إلى تغيير كلا الخاصيتين: الهامش والحشوة. هذا بسبب الحقيقة بأن متصفح الانترنتويقوم Opera بإنشاء مسافة بادئة يسرى للقائمة باستخدام الهامش الأيسر، ويستخدم Mozilla/Netscape الحشو الأيسر لهذا الغرض.

في المثال التالي، تم تعيين خصائص الهامش الأيسر والحشو الأيسر لعنصر UL على 0:



يرجى ملاحظة أن العلامات تقع خارج حدود DIV. إذا لم تكن الحاوية عبارة عن DIV، بل مستند، فستكون العلامات خارج نافذة المتصفح، أي. سوف تختفي بعيدا عن الأنظار. إذا كنت تريد وضع العلامات داخل حدود DIV، على طول حافتها اليسرى، فقم بتعيين خاصية الحشو الأيسر أو خاصية الهامش الأيسر على "1em".



علامات

لنفترض أنك بحاجة إلى قائمة تحتوي على رموز نقطية خاصة. ماذا فعلت سابقا؟ أنشأنا جدولاً، ووضعنا صورة GIF للعلامة في عمود واحد وحركناها لأعلى وإلى اليمين في الخلية. يحتوي العمود الآخر على نص كان ينبغي أن يكون موجودًا في العناصر

• . يتيح لك CSS الآن استخدام الصورة كعلامة. إذا كان متصفحك لا يدعم هذا وظيفة CSS(أو لا يدعم إخراج الرسومات)، سيتم استخدام العلامة الافتراضية (أو تلك التي تحددها في هذه الحالة).

  تبدو قاعدة النمط كما يلي:

  ul (صورة نمط القائمة: url(bullet.gif);)

  وسيظهر المتصفح القائمة هكذا:

  

  بالنسبة للمتصفحات التي لا تدعم إخراج الرسومات، أضف السطر التالي إلى القواعد:

  نوع نمط القائمة: قرص؛

  الصورة التي تحددها كعلامة قد "تزحف" خارج حدود القائمة. لمنع حدوث ذلك، ضع الصورة داخل الكتلة

• . للقيام بذلك، أضف السطر التالي:

  قائمة نمط الموقف: داخل؛

  يمكن دمج التصريحات الثلاثة في قاعدة واحدة قصيرة:

  ul (نمط القائمة: عنوان url للقرص (bullet.gif) بالداخل؛)

  وهو ما يعادل

  ul ( نوع نمط القائمة: قرص؛ صورة نمط القائمة: url (bullet.gif)؛ موضع نمط القائمة: من الداخل؛ )

  ستبدو القائمة الناتجة كما يلي:

  

  قد يكون لديك قائمة، ولكنك لا تحتاج إلى تعداد نقطي، أو أنك تريد استخدام شخصية أخرى كتعداد نقطي. مرة أخرى، يأتي CSS لإنقاذك. أضف نمط قائمة القاعدة: لا شيء؛ وصنع العناصر

• "المتدليّة". ستبدو القاعدة بأكملها كما يلي:

  ul (نمط القائمة: لا شيء؛ الهامش الأيسر: 0؛ الحشو الأيسر: 1em؛ المسافة البادئة للنص: -1em؛)

  يجب أن تكون قيمة خاصية الحشو الأيسر أو خاصية الهامش الأيسر 0، ويجب أن تكون القيمة الأخرى 1em. من خلال تغيير هذه الخاصية، يمكنك ضبط حجم المسافة البادئة من العلامة الخاصة بك إلى مسافة مقبولة. تؤدي القيمة السالبة في خاصية المسافة البادئة للنص إلى انتقال السطر الأول من كل عنصر قائمة إلى اليسار و"تراكب" بقية النص.

  ستكون قائمتنا التالية عادية، وسيتم استخدام رمز HML القياسي فقط كعلامة، على سبيل المثال "، والذي يتوافق مع علامة الاقتباس المطبعية للإغلاق: ".

  

  تجدر الإشارة هنا إلى أن Netscape6/7/Mozilla (والمتصفحات الأخرى المشتقة من Gecko) بالإضافة إلى Opera يمكنهم إنشاء محتوى باستخدام العنصر الزائف :before من معيار CSS2. دعونا نستخدم هذه الوظيفة ونقوم تلقائيًا بإنشاء الرمز "أو أي رمز آخر كعلامة. بهذه الطريقة لن نضطر إلى إدخاله يدويًا في كل عنصر LI. إذا كنت تستخدم متصفح Opera أو مجموعة متصفحات Gecko، فسيقوم ملف CSS التالي بإنشاء نفس القائمة مثل القائمة السابقة، دون الحاجة إلى إضافة أي شيء إضافي إلى القائمة نفسها.

  #custom-gen ul li:before ( المحتوى: "0BB 020"; )

  يمكن تعيين خاصية المحتوى إلى سلسلة نصية، أو عنوان URL، أو أي شيء آخر، بما في ذلك رموز خاصة. إذا اخترت رمزًا مثل ""، فيجب عليك تحديده في الخاصية رمز سداسي عشريهذا الرمز. تحتوي علامة الاقتباس المطبعية الصحيحة على الرمز 0BB (الحرف الآخر 020 عبارة عن مسافة تمت إضافتها لأسباب جمالية). تظهر النتيجة النهائية أدناه (شاهد باستخدام متصفح Opera أو Mozilla/Netscape):

  

  ترتيب القائمة على التوالي

  من قال أن القوائم يجب أن تكون عمودية وأن يتم تنسيقها بعلامات على اليسار؟ على سبيل المثال، تريد قائمة مرقمة من الارتباطات، ولكنك تريد أن تبدو القائمة بشكل مرئي مثل شريط تنقل رأسي على الصفحة. أو لنفترض أنك تريد تشغيل الروابط أفقيًا على طول الحافة العلوية للصفحة.

  وهذا لا ينطبق فقط على قائمة الروابط. قد تحتاج إلى إدراج قائمة عدة مرات داخل الفقرة (على سبيل المثال، قائمة الكتب). من الناحية الهيكلية، إنها قائمة، ولكن من قبل، إذا قمت بذلك، فإن القائمة ستقسم فقرتك. يأتي CSS لإنقاذك مرة أخرى!

  لأن هذه القائمةلن يظهر كشيء منفصل على الصفحة، ولن أضعه في DIV أساسي مثل القوائم السابقة. هذه المرة سوف تبدو العلامات كما يلي: الفقرة، القائمة، الفقرة التالية.

  يمكنني بالفعل سماع الصراخ: "أنت أحمق! نعتقد أنك ستعلمنا كيفية وضع القوائم داخل فقرة بدلاً من وضعها بين فقرتين."

  وسأجيب على هذا: "حسنًا، نعم، أنت على حق. لسوء الحظ (X) لا يسمح HTML بوضع القوائم داخل الفقرة. ومع ذلك، مع الأنماط يمكنك القيام بذلك.

  أولاً، إليك قواعد الأسلوب:

  #inline-list ( الحد: 1px صلب #000؛ الهامش: 2em؛ العرض: 80%؛ الحشو: 5px؛ عائلة الخط: Verdana, sans-serif;) #inline-list p ( العرض: inline; ) #inline- قائمة ul، #inline-list li ( العرض: مضمن؛ الهامش: 0؛ الحشو: 0؛ اللون: #339؛ وزن الخط: غامق؛ )

  يتم وضع كافة التعليمات البرمجية في

  . فهو يحتوي على فقرة، ثم القائمة القياسية UL، تليها فقرة أخرى. تم تعديل قائمة UL بحيث يتبع كل عنصر بفاصلة والعنصر الأخير متبوعًا بنقطة.

  تبدو النتيجة كما يلي (القائمة مظللة باللون الأزرق):

  

  تمامًا كما في المثال النقطي أعلاه، يمكننا استخدام CSS لإنشاء الفواصل والنقاط تلقائيًا. إذا كان زوار موقعك يستخدمون متصفحي Opera وGecko فقط، فلا داعي للقلق. ستبدو قواعد النمط كما يلي:

  #inline-list-gen ul li:after ( content: ", "; ) #inline-list-gen ul li.last:after ( content: "."; )

  نستخدم هنا العنصر الزائف: after لإضافة فاصلة في نهاية كل عنصر في القائمة، وإضافة نقطة باستخدام class = "last". ستكون النتيجة هكذا (تذكر أنها تعمل فقط في Opera أو Mozilla/Netscape):

  

  ملاحة

  كما قلت في البداية، يجب تصميم قوائم الروابط التي نراها في كل موقع على شكل قوائم، وهو ما هي عليه في الأساس. وبما أننا لا نريد رؤية هذه القائمة بالطريقة التي يعرضها بها المتصفح الافتراضي، فسنستخدم CSS لإجراء بعض التغييرات التجميلية. نحن نعلم بالفعل أنه يمكن عرض القوائم بشكل أفقي (في سطر واحد)، وليس فقط عموديًا (كما يتم عرضها افتراضيًا). بمساعدة الأنماط، يمكن إزالة العلامات، وسيكون لديك نطاق واسع من الخيارات حول كيفية فصل عنصر قائمة عن عنصر آخر بشكل مرئي.

  هنا أمثلة القوائم الأفقية، موضوعة في نفس DIV الأساسي مع القواعد التالية.

  يستخدم المثالان أدناه نفس UL فقط بدون نص طويلفي الفقرة الأخيرة. تمت إضافة فئة إضافية أيضًا تسمح لك بالعمل بشكل منفصل مع أحد LIs في القائمة.

  الحدود

  الرمز | غالبا ما تستخدم للإشارة إلى خيارات مختلفةخيار. من الطبيعي استخدامه في القائمة. دعونا نقلد هذا الرمز باستخدام حدود LI.

  #pipe ul ( الهامش الأيسر: 0؛ الحشو الأيسر: 0؛ العرض: مضمن؛ ) #pipe ul li ( الهامش الأيسر: 0؛ الحشو: 3px 15px؛ الحد الأيسر: 1px صلب #000؛ نمط القائمة: لا شيء؛ العرض: مضمّن؛) #pipe ul li.first (الهامش الأيسر: 0؛ الحد الأيسر: لا شيء؛ نمط القائمة: لا شيء؛ العرض: مضمن؛)

  يمكن تعديل القواعد لجعل القائمة تبدو مثل الإشارات المرجعية:

  # علامات التبويب ul ( الهامش الأيسر: 0؛ الحشو الأيسر: 0؛ العرض: مضمن؛ ) # علامات التبويب ul li ( الهامش الأيسر: 0؛ الهامش السفلي: 0؛ الحشو: 2px 15px 5px؛ الحدود: 1px صلب #000 نمط القائمة: لا شيء؛ العرض: مضمن) #tabs ul li.here (الحدود السفلية: 1 بكسل صلب #ffc؛ نمط القائمة: لا شيء؛ العرض: مضمن؛)

  ملاحظة: تم اقتراح هذه التقنية بواسطة Randal Rust وتم تحسينها لاحقًا بواسطة المشتركين في القائمة البريدية لـ css-discuss

  وصلات سلسلة

  هناك نوع آخر من الروابط التي عادةً ما تكون موجودة أفقيًا على صفحة الويب وهي روابط مسارات التنقل المألوفة. تُظهر هذه الروابط بوضوح مكانك الآن في التسلسل الهرمي للموقع - المسار بأكمله منه الصفحة الرئيسيةإلى القسم أو الصفحة الحالية. إذا كنت تريد حقًا أن تجعل كود صفحتك صحيحًا لغويًا، فيجب تصميم هذا النوع من الارتباط كسلسلة من القوائم المتداخلة، نظرًا لأن كل قسم هو جزء من القسم السابق:

  • بيت
    • " منتجات
      • " أجهزة الكمبيوتر
        • " برمجة

  ونتيجة لذلك نحصل على:

  

  تطبيق القواعد التالية:

  #bread (اللون: #ccc؛ لون الخلفية: #006؛ الحشو: 3 بكسل؛ الهامش السفلي: 25 بكسل؛) #bread ul (الهامش الأيسر: 0؛ الحشو الأيسر: 0؛ العرض: مضمن؛ الحدود: لا شيء؛ ) #bread ul li ( الهامش الأيسر: 0؛ الحشو الأيسر: 2 بكسل؛ الحدود: لا شيء؛ نمط القائمة: لا شيء؛ العرض: مضمّن؛ )

  حصلنا على هذا:

  مرة أخرى، يمكن إنشاء الحرف """ (أو أي حرف مناسب آخر) تلقائيًا باستخدام العنصر الزائف :before بالاشتراك مع الفئة = "first" بحيث لا يحتوي عنصر LI الأول على هذا الحرف.

  #bread-gen ul li:before ( content: "020 020 020 0BB 020"; color: #ff9; ) #bread-gen ul li.first:before ( content: " "; )

  النتيجة النهائية:

  عالم الحقائق

  سأكمل مقالتي مثال حقيقي، والذي يستخدم الحيلة الموضحة أعلاه. سنأخذ قائمة UL القياسية مع الروابط ونقوم بإنشائها القائمة الديناميكيةمع تأثيرات المتداول. لإنشاء تأثير متدرج، سيتم تطبيق الأنماط المرئية على العناصر A، وستكون عناصر UL وLI بمثابة إطار هيكلي فقط.

  

  هذه القائمة هي في الواقع رد على سؤال طرحه مايكل إيفورد في القائمة البريدية لمناقشة CSS. أنشأ مايكل نفس القائمة باستخدام الجداول والرسومات وجافا سكريبت. ثم سأل في القائمة البريدية عما إذا كان من الممكن تحقيق نفس الشيء باستخدام CSS.

  • بيت
  • كاميرات خفية
  • كميرات مراقبه
  • سرقة الموظف
  • تلميحات مفيدة
  • التعليمات
  • معلومات عنا
  • اتصل بنا

  دعونا نلقي نظرة على قاعدة ورقة الأنماط بقاعدة، وسأشرح سبب الحاجة إلى كل منها.

  #button (العرض: 12em؛ الحد الأيمن: 1px صلب #000؛ الحشو: 0 0 1em 0؛ الهامش السفلي: 1em؛ عائلة الخط: "Trebuchet MS"، "Lucida Grande"، Verdana، Lucida، Jennifer، Helvetica ، Arial، بلا رقيق لون الخلفية: #90bade؛

  القاعدة الأولى هي #button DIV. فهو يحدد مقدار المساحة التي ستشغلها القائمة وينشئ سياقًا حتى نتمكن من التحكم في سلوك الروابط وعناصر القائمة. فضلت أن أجعل القائمة مرنة وتعتمد على إعدادات المتصفح، لذلك (تقريبًا) يتم تحديد جميع القيم في "em". بما في ذلك عرض القائمة. الحدود السوداء مأخوذة من التصميم الأصلي لمايكل. تم تصميم المساحة السفلية الكبيرة للقائمة بحيث يمكنك رؤية خلفية DIV. مرة أخرى، تم القيام بذلك لتكرار التصميم الأصلي. يتم استخدام الهامش السفلي (الهامش) لفصل القائمة عما يليها. جميع الألوان مأخوذة من التصميم الأصلي.

  #button ul (نمط القائمة: لا شيء؛ الهامش: 0؛ الحشو: 0؛ الحدود: لا شيء؛) #button li (الحد السفلي: 1px صلب #90bade؛ الهامش: 0؛)

  هنا حددت الشكل الذي يجب أن تبدو عليه القائمة. نظرًا لأن جميع عناصر قائمتنا عبارة عن روابط، والتأثير المتداول متاح فقط للروابط حتى الآن، فقد قمت عمدًا بإزالة جميع القواعد الأسلوبية من القوائم. لقد أضفت للتو حدًا بعرض بكسل واحد يتطابق لونه مع لون خلفية #button DIV. تعمل هذه الحدود كفاصل بين عناصر القائمة. استخدم التصميم الأصلي صورة منفصلة لهذا الغرض.

  23.02.2017

  ليس بعد

  
  

  أهلاً بكم!
  في درس اليوم سأتحدث عن كيفية التحكم مظهر، أي إنشاء قوائم ذات تعداد نقطي ومرقمة، وتصميم قوائم علامات تحتوي على صورة، وأيضًا، إذا لزم الأمر، إزالة أي تعيين للقائمة ذات التعداد النقطي تمامًا.
  سأحاول عدم تأخير هذا الدرس وعدم كتابة الكثير من المعلومات. لكنني سأحاول فقط أن أرى كيف ستسير الأمور.

  نوع العلامة في القائمة
  

  خاصية "LIST-STYLE-TYPE"
  باستخدام قاعدة "نوع نمط القائمة"، يمكنك ضبط نوع العلامة، على سبيل المثال، لعرض الأرقام والحروف والمربعات والدوائر وما إلى ذلك.

  ملكية:

  • لا أحد – بدون علامة

  - قوائم نقطية:

  • القرص- علامة على شكل دائرة مملوءة؛
  • دائرة- علامة على شكل دائرة مفتوحة؛
  • مربع- علامة على شكل مربع مملوء؛

  - قوائم مرقمة:

  • عدد عشري- عادي أرقام عشرية(1،2،3،4،5، الخ)؛
  • الروماني العلوي- أرقام رومانية كبيرة (I، II، III، IV، V، إلخ)؛
  • الرومانية السفلى- الأرقام الرومانية الصغيرة (i، ii، iii، iv، v، وما إلى ذلك)؛
  • ألفا العليا – الحروف الكبيرة(أ، ب، ج، د، ه، إلخ)؛
  • ألفا أقل- الحروف الصغيرة (أ، ب، ج، د، ه، الخ)

  Li ( نوع نمط القائمة: دائرة؛ /* علامات على شكل دائرة مفتوحة */ )

  المثال الكامل:

  • النص رقم 1
  • النص رقم 2

  نتيجة:

  

  إذا كنت بحاجة إلى إزالة علامة من القائمة، فاستخدم خاصية "لا شيء":

  Li ( نوع نمط القائمة: لا شيء؛ /* إزالة العلامات */ )

  نتيجة:

  

  موضع العلامة في القائمة
  

  ملكية "قائمة نمط الموقف »
  يمكن استخدام قاعدة "نمط القائمة-الموضع" لتحديد موضع العلامة.

  ملكية:

  • الخارج- خارج الكتلة الرئيسية للقائمة؛
  • داخل- داخل الكتلة الرئيسية للقائمة.

  

  Li (موضع نمط القائمة: بالداخل؛ /* موضع العلامة */)

  قائمة لون العلامة
  

  ملكية "لون »
  أنت تعرف بالفعل قاعدة "اللون"، والتي من خلالها لا يمكنك تغيير لون النص فحسب، بل يمكنك أيضًا تغيير لون العلامة. إلق نظرة.

  • النص رقم 1
  • النص رقم 2

  نتيجة:

  

  صورة بدلاً من علامة في القائمة
  

  ملكية "قائمة نمط الصورة »
  إذا كنت لا تحب ذلك طريقة العرض القياسيةمرقمة أو قوائم نقطية، يمكنك استخدام قاعدة "نمط القائمة-الصورة" ووضع علامات الصورة بدلاً من العلامات العادية.

  بناء الجملة:

  صورة نمط القائمة: url(image.png);

  LI ( صورة نمط القائمة: url("marker1.png"); /* صورة العلامة */ )

  "marker1.png" هي صورة العلامة.

  نتيجة:

  

  قائمة المسافة البادئة للعلامة
  

  الخاصية "PADDING-LEFT"
  إذا كنت تريد وضع مسافة بادئة للتعداد النقطي من النص، فاستخدم قاعدة "الحشوة اليسرى".

  Li ( المساحة المتروكة على اليسار: 30 بكسل؛ /* مسافة بادئة من العلامة إلى النص */ )

  نتيجة:

  

  هدية لأولئك الذين يقرؤون حتى النهاية

  ترقيم القائمة من أي رقم
  لا تحتاج إلى معرفة هذا، لكنني قررت أن أقدم هدية لأولئك الذين قرأوا هذا الحد. إذا كنت بحاجة إلى ترقيم القائمة ليس من 1، ولكن على سبيل المثال من 6، فيمكنك القيام بما يلي:

  Li ( نوع نمط القائمة: لا شيء؛ /* إزالة الترقيم الأولي من القائمة */ ) ul ( إعادة ضبط العداد: القائمة 5؛ /* بدء العداد */ ) ul li:before ( زيادة العداد: قائمة؛ /* زيادة قيمة العداد */ content: counter(list) "."; /* إخراج الرقم */ )

  نتيجة:

  

  وإنني أتطلع إلى رؤيتك في الدروس القادمة! لا تنسى الاشتراك!

  المنشور السابق
  الإدخال التالي
  

  بناء الجملة

  نوع نمط القائمة: دائرة | القرص | مربع | الأرمنية | عشري | العلامة العشرية الرائدة صفر | الجورجية | ألفا السفلى | اليونانية السفلى | اللاتينية السفلى | الرومانية السفلى | ألفا العليا | اللاتينية العليا | الرومانية العليا | لا أحد

  التسميات

  	وصف	مثال
  <тип>	يشير إلى نوع القيمة.	<размер>
  أ & ب	يجب أن يتم إخراج القيم بالترتيب المحدد.	<размер> && <цвет>
  أ | ب	يشير إلى أنك تحتاج إلى تحديد قيمة واحدة فقط من القيم المقترحة (A أو B).	عادي | قبعات صغيرة
  أ || ب	يمكن استخدام كل قيمة بشكل مستقل أو مع الآخرين بأي ترتيب.	العرض || عدد
  	قيم المجموعات.	[ اقتصاص || يعبر ]
  *	كرر صفر مرات أو أكثر.	[,<время>]*
  +	كرر مرة واحدة أو أكثر.	<число>+
  ?	النوع أو الكلمة أو المجموعة المحددة اختيارية.	أقحم؟
  (أ، ب)	كرر على الأقل A، ولكن ليس أكثر من B مرات.	<радиус>{1,4}
  #	كرر مرة واحدة أو أكثر مفصولة بفواصل.	<время>#

  ×

  قيم

  تعتمد القيم على ما إذا كانت مطبقة على نوع القائمة ذات التعداد النقطي أو الرقمي.

  قائمة نقطية

  علامة الدائرة على شكل دائرة. علامة القرص على شكل نقطة. علامة مربعة على شكل مربع.

  قائمة مرقمة

  الترقيم الأرمني التقليدي. الأرقام العشرية العربية (1، 2، 3، 4،...). العلامة العشرية الرائدة صفر
  الأرقام العربية التي تبدأ بصفر للأرقام الأقل من عشرة (01، 02، 03،...). الترقيم الجورجي التقليدي الجورجي. حرف ألفا السفلي حروف(ا ب ت ث،...). الحروف اليونانية الصغيرة (α، β، γ، δ،...). Lower-latin هذه القيمة هي نفس low-alpha . أرقام رومانية صغيرة بأحرف صغيرة (i، ii، iii، iv، v،...). الحروف اللاتينية الكبيرة (A، B، C، D،...). Upper-latin هذه القيمة هي نفس القيمة Upper-alpha . الأرقام الرومانية العليا في الأحرف الكبيرة(الأول، الثاني، الثالث، الرابع، الخامس،...). لا شيء تعطيل التعداد النقطي للقائمة.

  رمل

  1. أربعة

  ul (نوع نمط القائمة: عشري؛)

  مثال

  1. جايوس أوكتافيوس ثورينوس
  2. تيبيريوس كلوديوس نيرو
  3. جايوس يوليوس قيصر أوغسطس جرمانيكوس
  4. تيبيريوس كلوديوس دروسوس
  5. لوسيوس أرونتيوس كاميلوس سكريبونيانوس
  6. نيرون كلوديوس قيصر دروسوس جرمانيكوس
  7. لوسيوس كلوديوس ماكر

  وتظهر نتيجة هذا المثال في الشكل. 1.

  أرز. 1. استخدام خاصية نوع القائمة

  نموذج الكائن

  شيء.style.listStyleType

  ملحوظة

  في متصفح الانترنت Explorer 6 عند استخدام قائمة مرقمة

  والقيم الداخلية خصائص نمط القائمة والموضع، الأرقام التي تبدأ من 10 تبدأ في التداخل مع نص القائمة.

  لا يدعم Internet Explorer حتى الإصدار 7 القيم الأرمينية، والعلامة العشرية، والصفر، والجورجية، واليونانية السفلية، واللاتينية السفلية، واللاتينية العليا. بدلاً من ذلك، يتم عرض الترقيم بالأرقام العربية. في هذا المتصفح، لا يتم عرض الترقيم أو التعداد النقطي للعناصر العائمة (ul ( float: left; ) ).

  يتعرف Internet Explorer 8 أيضًا على القيمة Upper-greek، التي تقوم بتعيين الترقيم على الأحرف اليونانية الكبيرة (Α، Β، Γ، Δ،...).

  تخصيص

  تمر كل مواصفات بعدة مراحل من الموافقة.

  • التوصية - تمت الموافقة على المواصفات من قبل W3C ويوصى بها كمعيار.
  • توصية المرشح ( توصية ممكنة ) - المجموعة المسؤولة عن المعيار مقتنعة بأنه يحقق أهدافه، ولكنه يحتاج إلى مساعدة من مجتمع التطوير لتنفيذ المعيار.
  • التوصية المقترحة التوصية المقترحة) - في هذه المرحلة يتم تقديم الوثيقة إلى المجلس الاستشاري W3C للموافقة النهائية.
  • مسودة العمل - نسخة أكثر نضجًا من المسودة التي تمت مناقشتها وتعديلها لمراجعة المجتمع.
  • مسودة المحرر ( مسودة تحريرية) - نسخة مسودة للمعيار بعد إجراء التغييرات بواسطة محرري المشروع.
  • مسودة ( مواصفات المسودة) - النسخة المسودة الأولى للمعيار.
  ×

  المتصفحات

  لا شيء، قرص، دائرة، مربع، عشري، ألفا سفلي، ألفا علوي، روماني سفلي، روماني علوي	4	12	1	7	1	1
  اللاتينية السفلى، اللاتينية العليا، اليونانية السفلى، الأرمينية، الجورجية	8	12	1	6	1	1
  العلامة العشرية الرائدة صفر	8	12	1	8	1	1