دليل مرجعي لـ HTML

كامل قائمة علامات HTML

HTML: خاصية عرض width في <colgroup>

يحدد خاصية عرض width في HTML colgroup عرض مجموعة الأعمدة، عادةً، المساحة التي تشغلها مجموعة الأعمدة هي المساحة التي تحتاجها محتوياتها. يتم استخدام خاصية عرض width لضبط عرض مجموعة الأعمدة مسبقًا.

　HTML <colgroup> العلامة

مثال على الإنترنت

يستخدم عنصر <colgroup> لتحديد عرض المقدار الأول يجب أن يكون 200 بكسل:

مثال

!DOCTYPE　html
<html>
<head>
<meta　charset="utf-8">
<title>استخدام خاصية عرض <colgroup> في HTML5 - تعليمية أساسية (oldtoolbag.com)</title>
<style>table,　th,　td　{　　border:　1px　solid　black;}</style>
</head>
<body>
<table>
　　<colgroup　width="200">
　　<tr>
　　　　<th>Month</th>
　　　　<th>Savings</th>
　　</tr>
　　<tr>
　　　　<td>January</td>
　　　　<td>$100</td>
　　</tr>
　　<tr>
　　　　<td>February</td>
　　　　<td>$80</td>
　　</tr>
</table>
</body>
</html>

التحقق من ‹/›

تطابق المتصفحات

IEFirefoxOperaChromeSafari

يدعم جميع المتصفحات الرئيسية خاصية عرض width. ولكن، لا يدعم أي متصفح relative_length القيم

التعريف والاستخدام

في HTML5، لا يدعم خاصية عرض <colgroup>.

تحدد خاصية width عرض مجموعة الأعمدة.

عادةً، يأخذ مساحة مجموعة الأعمدة المساحة المطلوبة لعرض محتواها. يستخدم خاصية width لتحديد عرض مجموعة الأعمدة المسبق.

ملاحظة:سيتم تغطية هذا الخصوصية بأي إعداد عرض يقدمه عنصر <col>.

النحو

<colgroup width="pixels|%|relative_lngth">

قيمة الخاصية

القيمة	وصف
pixels	تعيين قيمة العرض بالبكسل (مثال: width="50").
%	تعيين قيمة العرض بنسبة مئوية للعنصر المحاط (مثال: width="50%").
relative_length	توزيع البكسلات المتاحة على الأجزاء المختلفة. يتم تعيين الجزء الأول على "1"، الجزء الثاني على "2". (مثال: إذا كان عرض الصفحة 100px، فإن عرض مجموعة الأعمدة الأولى هو 20px، وعرض مجموعة الأعمدة الثانية هو 50%， فإن البكسلات المتاحة الباقية هي 30px). مثال: إذا كان عدد البكسلات المتاح هو 30px، فإنه يمكن تعيين الجزء الأول على "1"، الجزء الثاني على "2"، سيتم تفسير ذلك كـ 10 و 20 بكسل ("1" هو الجزء الأول، "2" هو الجزء الثاني).

　HTML <colgroup> العلامة

HTML: <template> العلامة