كنا قد تعلمنا وسم التعداد ( رقمي ) كان أو ( نقطي ) فمجرد استخدامه سيعد كل نقطة تلقائيا. لكن ماذا لو أردت أن يكون نمط (أسلوب) التعداد في النقطي على شكل دائرة غير معبأة ,أو في الرقمي على شكل حروف بدل أرقام ؟ و ماذا لو أردته كالمعتاد يعد بالترتيب تلقائيا لكن النقطة الثانية أريدها هي فقط أن تكون إجباريا رقم خمسة عوضاعن التعداد التلقائي رقم 2 ؟
سنستخدم سمة داخل وسم الفتح التغليفي إذا كان التعداد رقمي <ol> أو نقطي <ul> :
هذا يعني أننا سنستخدم سمات ( صفات ) داخل وسم الفتح , حيث سنستخدم السمة :
style="list-style-type: "
في التعداد النقطي ul يمكن استخدام أحد السمات dis, circle, square
فـ لو أردت أن يكون نمط (أسلوب) التعداد في النقطي على شكل دائرة غير معبأة:
<!DOCTYPE HTML>
<html dir="rtl">
<head> <title> </title> <head>
<body>
<ul style="list-style-type: circle">
<li>استيقظ باكرا لاصلي الفجر </li>
<li>ثم أجهز وأتناول طعام الفطور </li>
</ul>
</body>
</html>
<html dir="rtl">
<head> <title> </title> <head>
<body>
<ul style="list-style-type: circle">
<li>استيقظ باكرا لاصلي الفجر </li>
<li>ثم أجهز وأتناول طعام الفطور </li>
</ul>
</body>
</html>
النتيجة : ستكون كل نقاط التعداد معددة بدائرة غير معبأة .
...........................................................
في التعداد الرقمي ol بدون استخدام السمات التالية ستكون لدينا دائرة سوداء افتراضية .
لكن إن شئنا يمككنا تغيير نمط الدائرة بأنماط أخرى .
يمكن استخدام أحد السمات
decimal, decimal-leading-zero, lower-roman, upper-roman, lower-alpha, upper-alpha, none
فلو أردت أن يكون التعداد شكل حروف ( رومانية صغيرة مثلا ) بدل أرقام
<!DOCTYPE HTML>
<html dir="rtl">
<head> <title> </title> <head>
<body>
<ol style="list-style-type: lower-roman">
<li>استيقظ باكرا لاصلي الفجر </li>
<li>ثم أجهز وأتناول طعام الفطور </li>
</ol>
</body>
</html>
<html dir="rtl">
<head> <title> </title> <head>
<body>
<ol style="list-style-type: lower-roman">
<li>استيقظ باكرا لاصلي الفجر </li>
<li>ثم أجهز وأتناول طعام الفطور </li>
</ol>
</body>
</html>
النتيجة : ستكون كل نقاط التعداد معددة بحروف رومانية صغيرة.
...........................................................
طبعا التعداد سواء في النقطي أو الرقمي نستخدمه له الوسم <il> , لذا هو من نضيف له السمه في الفقرة المعنية ولنجعل الثانية مرقمة إجباريا بالرقم خمسة.
في الحقيقة هذه الطريقة لا تصلح بالاساليب الاخرى من دوائر , وغيرها من حروف . فقط مع الارقام.
سنستخدمة سمة
value="5"
<!DOCTYPE HTML>
<html dir="rtl">
<head> <title> </title> <head>
<body>
<ol style="list-style-type: lower-roman">
<li>استيقظ باكرا لاصلي الفجر </li>
<li value="5">ثم أجهز وأتناول طعام الفطور </li>
</ol>
</body>
</html>
<html dir="rtl">
<head> <title> </title> <head>
<body>
<ol style="list-style-type: lower-roman">
<li>استيقظ باكرا لاصلي الفجر </li>
<li value="5">ثم أجهز وأتناول طعام الفطور </li>
</ol>
</body>
</html>
ليست هناك تعليقات:
إرسال تعليق