نمونه کد

یک نمونه ساده از خاصیت vertical-align:

آزمایشگاه

تعریف و کاربرد

برای تعیین تراز عمودی یک عنصر از خاصیت Vertical-align استفاده می کنیم.

اطلاعات

# توضیحات
مقدار پیشفرض خط پایه
ارث بری خیر
انیمیشن بله
نسخه CSS1
نگارش JS object.style.verticalAlign="top"

سازگاری با مرورگر

# کروم ادج فایرفاکس سافاری اپرا
Vertical-align

شیوه نگارش

مقادیر

مقادیر توضیحات
baseline این مقدار با خط پایه والد تراز می شود و پیش فرض می باشد.
sub این مقدار با خط پایه زیر نویس تراز می شود.
super این مقدار با خط پایه والد تراز می شود.
top این مقدار با بالاترین عنصر خط تراز می شود.
text-top این مقدار با بالای عنصر اصلی تراز می شود.
middle این مقدار در وسط عنصر والد تراز می شود.
bottom این مقدار با پایین ترین عنصر خط تراز می شود.
text-bottom این مقدار با پایین عنصر اصلی تراز می شود.
initial این مقدار را به ویژگی پیش فرض خود اضافه می کند.
inherit این مقدار را از تگ والد خود به ارث می برد.