English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

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

كامل قائمة HTML

خاصية valign لـ HTML td

تعيين خاصية valign لتحديد طريقة تقسيم المحتوى عموديًا داخل الخلية، وإثبات ذلك من خلال مثال على الإنترنت، استعراض متوافقية المتصفحات، تعريف الجملة، والتفاصيل الكاملة للقيم

 HTML <td> العنوان

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

في علامة التبويب <td> تقسيم المحتوى بشكل عمودي:

<table style="width:100%" border="1" height="400">
  <tr>
    <th>الرقم</th>
    <th>الشهر</th>
    <th>مدخرات</th>
  </tr>
  <tr>
    <td valign="top">1</td>
    <td valign="top">يناير</td>
    <td valign="top">3100</td>
  </tr>
  <tr>
    <td valign="bottom">2</td>
    <td valign="bottom">فبراير</td>
    <td valign="bottom">2180</td>
  </tr>
</table>
اختبار لرؤية ‹/›

مرونة المتصفح

إي إيفايرفوكسأوبراChromeSafari

يدعم جميع المتصفحات الشائعة خاصية valign.

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

لا يدعم HTML5 خاصية valign <td>. استخدم CSS بدلاً من ذلك.

تحدد خاصية valign الطريقة التي يتم فيها محاذاة المحتوى داخل الخلية.

النحو

<td valign="top|middle|bottom|baseline">

قيمة الخاصية

القيمةالوصف
topمحاذاة الأعلى لل内容由
middleمحاذاة الوسط لل内容由 (القيمة الافتراضية)
bottomمحاذاة السفلى لل内容由
baselineمحاذاة مع الأساس. الأساس هو خط وهمي. في سطر نصي، معظم الأحرف تعتمد على الأساس. يُستخدم قيمة الأساس لضمان أن جميع بيانات الجدول تتشارك في نفس الأساس. تأثير هذه القيمة يكون عادة مشابهًا للقيمة السفلية. ولكن، إذا كان حجم النص مختلفًا، فإن تأثير الأساس يكون أفضل. انظر إلى الشكل أدناه.

عندما يكون حجم النص مختلفًا، رسم بياني لـ bottom vs. baseline:

valign="bottom"

valign="baseline"

 HTML <td> العنوان