خصوصیت text-align

مثال

تنظیم ترازبندی عناصر h1، h2 و h3

h1 {text-align:center}
h2 {text-align:left}
h3 {text-align:right}

در انتهای این آموزش، مثال های بیشتری را خواهید دید.

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

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

مقدار پیشفرض

چپ در صورتی که جهت ltr باشد و راست در صورتی که جهت rtl باشد
ارث بری بله
نسخه CSS1
JavaScript ساختار object.style.textAlign="right"

پشتیبانی مرورگرها

    

تمام مرورگرهای اصلی، خصوصیت text-align را پشتیبانی می کنند.

توجه: مرورگر Internet Explorer 7 و نسخه های قبلی آن، مقدار "inherit" را پشتیبانی نمی کند. IE8 به !DOCTYPE! نیاز دارد. IE9 مقدار "inherit" را پشتیبانی می کند.

مقدارهای خصوصیت

مقدار توضیحات نمایش دادن
left

نوشته ها در سمت چپ تراز می شوند.
right

نوشته ها در سمت راست تراز می شوند.
center

نوشته ها در وسط قرار می گیرند.
justify

خطوط را می کشد تا تمام خط ها عرض یکسانی داشته باشند (مشابه روزنامه ها و مجله ها)
inherit  تعيين مي کند که بايد از والدش، ارث بري داشته باشد.