تراز بندی متن CSS
دسته بندی : آموزش CSS سطح مقاله : متوسط زمان مطالعه : 2 دقیقه آخرین بروز رسانی: 26 بهمن 1399در این مقاله با چگونگی تراز بندی متن CSS آشنا می شویم.
چگونه در HTML متن را تراز کنیم
برای تعریف تراز بندی افقی متن در داخل یک عنصر HTML ، می توانید از ویژگی CSS متن تراز استفاده کنید:
h1 {
text-align: left;
}بررسی تراز بندی متن CSS
برای اعمال ویژگی متن-تراز ، باید از هر شش مقدار موجود یکی تعریف کنید:
text-align: مقدار؛
نمونه ای از استفاده از متن تراز CSS را در زیر ببینید:
h1 {
text-align: center;
}
h2 {
text-align: right;
}
h3 {
text-align: left;
}تمام خصوصیات موجود برای استفاده از متن-تراز در جدول زیر توضیح داده شده است:
| Description | Value |
| مقدار پیش فرض متن مرکز CSS را در یک عنصر ایجاد می کند | center |
| CSS متن را در امتداد لبه سمت چپ عنصر تراز می کند | left |
| CSS متن را در امتداد لبه سمت راست عنصر تراز می کند | right |
| متن را توجیه می کند CSS: کلمات اول و آخر با لبه های عنصر تراز می شوند و محتوا برای پر کردن خط فاصله دارد | justify |
| وقتی جهت نوشتار از چپ به راست است ، مانند چپ کار می کند و هنگامی که راست به چپ است ، مانند راست است | start |
| وقتی جهت متن از چپ به راست است ، درست مانند راست و در سمت راست به چپ مانند چپ عمل می کند | end |
استفاده از آخرین تراز بندی متن
همچنین می توانید از ویژگی text-align-last برای تعیین چگونگی تراز شدن آخرین سطر متن استفاده کنید:
p {
text-align: justify;
text-align-last: center;
}همانند text-align ، فقط باید یک مقدار تعریف کنید. می توانید از همه مقادیر موجود برای ترازبندی متن ، به علاوه کلمه کلیدی خودکار که مقدار پیش فرض نیز است ، استفاده کنید. استفاده از خودکار باعث می شود CSS آخرین خط را به همان روشی که کل متن تراز می شود ، انجام دهد.
توجه: اگر تنظیم متن برای توجیه تنظیم شود ، خودکار همانند شروع رفتار می کند.
پشتیبانی از مرورگر
این تگ در مرورگرهای IE ، safari ، firefox، cherom، opera وEdge پشتیبانی می شود.
در دوره آموزش CSS بین المللی آکادمی دویکس به صورت رایگان ثبت نام کنید.
این مقاله چقدر براتون مفید بود؟