انتقل إلى محتوى الدرس
ابدأ رحلتك
فقرة فرعية #6 من درس: خصائص عنصر table في لغة HTML

HTML Table Display Attribute خاصية عرض جدول HTML

سوف تتعرف في هذا الدرس على جميع الخصائص التي تضاف إلى عنصر table في لغة HTML.

1 صفوف تعليمية
لغة HTML
12,715 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

تُستخدم خاصية [width] للتحكم في عرض الجدول على المتصفح باستخدام لغة HTML.

قيمة خاصية width:

  • يمكن أن تكون محددة بوحدة البيكسل، حيث يمكن كتابة القيمة كرقم فقط مثل ["width="300]. قد تتسامح بعض المتصفحات مع صيغة مثل ⁦width="300px"⁩، لكنها ليست طريقة قياسية لكتابة وحدة CSS داخل السمة القديمة.

  • يمكن تحديدها بوحدة النسبة المئوية [%]، وتكتب كالتالي: ["width="100%].

width attrubute without px

استخدام خاصية width دون وضع أي علامة، أي دون وضع علامة px أو علامة %.

HTML 
<table border="1" bordercolor="red" bgcolor="yellow" width="500">
    <tr>  
      <th>Firstname</th> 
      <th>Lastname</th>
      <th>Email</th>
      <th>Age</th>
      <th>Study</th>
    </tr>
</table>
جرّب بنفسك

Setting Table Width Using the Width Attribute in HTML

مثال تاريخي على تسامح المتصفح مع px داخل width؛ في الشفرة الحديثة اكتب style="width:300px".

HTML 
<table border="1" bordercolor="red" bgcolor="yellow" width="500px">
    <tr>  
      <th>Firstname</th> 
      <th>Lastname</th>
      <th>Email</th>
      <th>Age</th>
      <th>Study</th>
    </tr>
</table>
جرّب بنفسك

Width Attrubute With Percentage

استخدام خاصية width مع وضع علامة percentage %.

HTML 
<table border="1" bordercolor="red" bgcolor="yellow" width="100%">
    <tr>  
      <th>Firstname</th> 
      <th>Lastname</th>
      <th>Email</th>
      <th>Age</th>
      <th>Study</th>
    </tr>
</table>
جرّب بنفسك

جميع فقرات هذا الدرس (خصائص عنصر table في لغة HTML)