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

دستورالعمل‌های HTML

کامل‌ترین مجموعه از تگ‌های HTML

HTML: ویژگی valign <col>

ویژگی valign محتویات مرتبط با علامت <col> را مشخص می‌کند، نمونه‌های آنلاین به شما نشان می‌دهند که چگونه از ویژگی valign col HTML استفاده می‌شود، سازگاری مرورگرها، تعریف نحوی و جزئیات دقیق ارزش‌های آن و غیره.

 HTML <col> العلامة

مثال آنلاین

جدول HTML با ستون‌های عمودی مختلف:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>استفاده از ویژگی valign <col> در HTML - آموزش پایه (oldtoolbag.com)</title>
<style>table, th, td { border: 1px solid black;}</style>
</head>
<body>
<table style="height:200px">
  <col>
  <col valign="bottom">
  <tr>
    <th>ماه</th>
    <th>ذخیره‌سازی</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
</table>
</body>
</html>
آزمایش کنید

کامپاتیبیلیت وب‌گردان

IEFirefoxOperaChromeSafari

فقط متصفحات Internet Explorer و Opera ویژگی valign را پشتیبانی می‌کنند. لكن، لا يدعم Internet Explorer و Opera القيمة "baseline".

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

لم يعد <col> يدعم خاصية valign في HTML5.

يحدد خاصية align طريقة الترتيب العمودي للمحتوى المتعلق بـ <col> العلامة.

النحو

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

قيمة الخاصية

القيمةالوصف
الأعلىالترتيب الأعلى للمحتوى.
الوسطالترتيب الوسطي للمحتوى (القيمة الافتراضية).
السفليالترتيب السفلي للمحتوى.
الخط الأساسيالترتيب مع الخط الأساسي.

الخط الأساسي هو خط وهمي. في سطر النص، معظم الأحرف تعتمد على الخط الأساسي. يتم تعيين قيمة الخط الأساسي لجعل جميع بيانات الجدول تشارك نفس الخط الأساسي. عادةً، يؤدي تأثير هذه القيمة إلى نفس تأثير قيمة bottom. ومع ذلك، إذا كانت حجم النص مختلفة، فإن تأثير الخط الأساسي يكون أفضل. انظر إلى الشكل التالي:

valign="bottom"

valign="baseline"

 HTML <col> العلامة