سبد (0)

خصوصیت text-align

مثال (خصوصیت 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"

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

Internet Explorer Firefox Opera Google Chrome Safari

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

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


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

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

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

نمایش دادن »
right

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

نمایش دادن »
center

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

نمایش دادن »
justify

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

نمایش دادن »
inherit  تعیین می کند که باید از والدش، ارث بری داشته باشد.  

مثالs

مثال - خودتان امتحان کنید

More advanced text-align example
این مثال یک مثال پیشرفته از ترازبندی متن را نمایش می دهد.


بیاموزهای مرتبط

CSS Align (بیاموز CSS)

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه پرداخت آنلاین - بانک اقتصاد نوین پرداخت آنلاین - بانک سامان