الكورس

Advertisements

HTML col Tag


HTML col Tag – يحدد الوسم <col> خصائص العمود لكل عمود داخل عنصر <colgroup>.


 

HTML col Tag

 

من السرعة والإفاده لك، قم بتطبيق قواعد النمط style على الأعمدة columns بأكملها، بدلاً من تكرار الأنماط لكل خلية cell وصف row بإستخدم الوسم <col>.

 

مثال

<table>
    <colgroup>
        <col style="background-color:blue;">
        <col span="2" style="background-color:red;">
    </colgroup>
    <tr>
        <th>Username</th>
        <th>Age</th>
        <th>Gender</th>
    </tr>
    <tr>
        <td>Mohamed</td>
        <td>20</td>
        <td>Male</td>
    </tr>
    <tr>
        <td>Mona</td>
        <td>39</td>
        <td>Female</td>
    </tr>
    <tr>
        <td>Hamed</td>
        <td>40</td>
        <td>Male</td>
    </tr>
</table>
Username Age Gender
Mohamed 20 Male
Mona 39 Female
Hamed 40 Male

 

السمات المحددة – Specific Attributes

 

يدعم الوسم <col> هذه السمات:

السمةالقيمةالوصف
spannumberيحدد عدد الأعمدة التي يجب أن يمتدها عنصر <col>.
aligndeprecatedleft
right
center
justify
char
يحدد المحاذاة الأفقية للمحتوى داخل كل خلية في العمود المرتبط.
valigndeprecatedtop
middle
bottom
baseline
يحدد المحاذاة الرأسية للمحتوى داخل كل خلية من العمود المرتبط.
chardeprecatedcharacterيحدد الحرف الذي يجب محاذاة محتويات الخلية إليه.
charoffdeprecatednumberيحدد عدد الأحرف التي سيتم بها إزاحة محتويات الخلية من أحرف المحاذاة المحددة بواسطة سمة char.
widthdeprecatedlengthيحدد عرضًا افتراضيًا لكل عمود في مجموعة الأعمدة الحالية.

 

السمات العامة – Global Attributes

 

الوسم <col> يدعم السمات العامة أيضًا، تعرف عليهم عن طريق هذا الرابط: السمات العامة – Global Attributes.

 


 

سمات الحدث – Event Attributes

 

يدعم وسم <col> سمات الحدث أيضًا، تعرف عليهم عن طريق هذا الرابط: سمات الحدثEvent Attributes.

 


 

دعم المتصفحات

 

firefox - الباشمبرمجCHROME - الباشمبرمجIE - الباشمبرمجsafari - الباشمبرمجopera - الباشمبرمج
مدعوممدعوممدعوممدعوممدعوم


الإبلاغ عن خطأ

×

إذا وجد خطأ وتريد الإبلاغ عن هذا الخطأ، أو إذا كنت تريد تقديم اقتراح على شىء معين، فلا تتردد في إرسال بريد إلكتروني إلينا:

info@albashmoparmeg.com

شكرًا لك على مساعدتك لنا!

Advertisements