English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
<th> طريقة استخدام خاصية valign، خاصية valign تحدد طريقة التوجيه الرأسي للمحتوى داخل خلية العنوان.، عرض أمثلة على استخدام خاصية valign في <th>، توافق المتصفحات، تعريف الجملة، وأدق التفاصيل حول قيم الخاصية، إلخ.
تحديد التوجيه الرأسي للمحتوى داخل علامة <th> :
<table style="width:100%" border="1"> <tr> <th valign="bottom">السنة</th> <th valign="bottom">إيرادات</th> </tr> <tr> <td>2018</td> <td>$19320.00</td> </tr> </table>اختبار لرؤية < / >
إي-إيفايرفوكسأوبراChromeSafari
يدعم جميع المتصفحات الشائعة خاصية valign.
لا يدعم HTML5 خاصية valign <th>. استخدم CSS بدلاً من ذلك.
تحدد خاصية valign طريقة التوازن العمودي للمحتوى في خلية رأس الجدول.
<th valign="top|middle|bottom|baseline">
القيمة | الوصف |
---|---|
الأعلى | تسوية المحتوى في الأعلى. |
الوسط | تسوية المحتوى في الوسط (القيمة المبدئية). |
السفلي | تحت الخط السفلي |
الخط الأساسي | تحت الخط الأساسي. الخط الأساسي هو خط وهمي. في سطر النص، معظم الأحرف تستخدم الخط الأساسي كمعيارة. يتم تعيين قيمة الخط الأساسي لجعل جميع بيانات الجدول في السطر تتشارك نفس الخط الأساسي. عادةً، يؤدي هذا إلى نفس تأثير القيمة السفلية. ومع ذلك، إذا كان حجم النص مختلفًا، فإن تأثير الخط الأساسي يكون أفضل. انظر إلى الشكل أدناه. |
مقارنة bottom vs. baseline عند حجم النص المختلف:
valign="bottom"
valign="baseline"
HTML <th> علامة