القوائم غير المرتبة underscored list
سبق وتحدثنا عن النوع الأول من القوائم فى لغة html وهى القوائم
المرتبة والآن نتحدث عن القوائم غير المرتبة
والقوائم غير المرتبة تحتاج إلى وسم <ul>
مثال:
<ul>
<li>word</li>
<li>excel</li>
<li>power point</li>
<li>access</li>
</ul>
ناتج المثال:
ويمكن تغيير نمط القوائم إلى أكثر من شكل وذلك من خلال الخاصية
:list-style-type وهذه الخاصية للوسم ul وهى الخاصية تستخدم داخل
style
نسق الدائرة المجوفة : list-style-type:circle
مثال:
<p> mircorsoft office applications</p>
<ul style="list-style-type:circle">
<li>word</li>
<li>excel</li>
<li>power point</li>
<li>access</li>
</ul>
ناتج المثال:
نسق المربع style="list-style-type:square
<ul style="list-style-type:square">
<li>word</li>
<li>excel</li>
<li>power point</li>
<li>access</li>
</ul>
ناتج المثال:
نسق الدائرة المصمتة وهو النسق الافتراضي style="list-style-type:disc"
مثال:
<p> mircorsoft office applications</p>
<ul style="list-style-type:disc">
<li>word</li>
<li>excel</li>
<li>power point</li>
<li>access</li>
</ul>
ناتج المثال:
وفى حالة الرغبة فى عدم إظهار أى أشكال بجوار القوائم غير المرتبة نختار none
style="list-style-type:none"
مثال:
<p> mircorsoft office applications</p>
<ul style="list-style-type:none">
<li>word</li>
<li>excel</li>
<li>power point</li>
<li>access</li>
</ul>
ناتج المثال:
المشاركات
ليست هناك تعليقات:
إرسال تعليق