English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
تعيين خاصية valign لتحديد طريقة تقسيم المحتوى عموديًا داخل الخلية، وإثبات ذلك من خلال مثال على الإنترنت، استعراض متوافقية المتصفحات، تعريف الجملة، والتفاصيل الكاملة للقيم
في علامة التبويب <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> العنوان