ویژگی text-align-last CSS
- صفحه قبلی ترازبندی خط
- صفحه بعدی نمونه‌پردازی‌های خطی
تعریف و استفاده
ویژگی جای‌گذاری‌نهایی تعیین می‌کند که چگونه سطر آخرین متن را تراز کند.
لطفاً توجه داشته باشید که ویژگی جای‌گذاری‌نهایی تمام سطرهای آخرین انتخاب شده در عنصر انتخاب شده را تنظیم می‌کند. بنابراین، اگر یک <div> دارای سه پاراگراف باشد، جای‌گذاری‌نهایی بر روی هر سطر آخرین هر پاراگراف اعمال می‌شود. برای استفاده از جای‌گذاری‌نهایی در آخرین پاراگراف در یک پوشش، می‌توانید از :last child استفاده کنید، لطفاً به مثال زیر نگاه کنید.
نکته:در Edge/Internet Explorer، ویژگی جای‌گذاری‌نهایی تنها برای متون با "جای‌گذاری: متن‌پذیر" اعمال می‌شود.
لطفاً به:
آموزش CSS:متن CSS
دستورالعمل HTML DOM:textAlignLast ویژگی
مثال
تراز کردن سه عنصر <div> در آخرین سطر:
div.a {
جای‌گذاری: متن‌پذیر; /* برای Edge */
جای‌گذاری‌نهایی: راست;
}
div.b {
ترازبندی خط: justify; /* برای Edge */
ترازبندی خط آخر: وسط;
}
div.c {
ترازبندی خط: justify; /* برای Edge */
ترازبندی خط آخر: justify;
}
مثال‌های بیشتر TIY را در پایین صفحه می‌توان یافت.
جمله‌بندی CSS
ترازبندی خط آخر: auto|left|right|center|justify|start|end|initial|inherit;
مقدار ویژگی
| مقدار | توضیح |
|---|---|
| 자동 |
مقدار پیش‌فرض. قوانین ترازبندی هر خط توسط مقدار text-align تعیین می‌شود. اگر مقدار text-align justify باشد، رفتار text-align-last مشابه با تنظیم start است. |
| چپ | ترازبندی خط آخر به سمت چپ است. |
| راست | ترازبندی خط آخر به سمت راست است. |
| وسط | ترازبندی خط آخر به وسط است. |
| ترازبندی | آغاز خط آخر متن با کناره چپ جعبه محتوای متن ترازبندی می‌شود و با کناره راست آن هم ترازبندی می‌شود. |
| شروع |
ترازبندی خط آخر در شروع خط است. اگر text-direction از چپ به راست باشد، ترازبندی به سمت چپ است، و اگر از راست به چپ باشد، ترازبندی به سمت راست است. |
| پایان |
ترازبندی خط آخر در انتهای خط است. اگر text-direction از چپ به راست باشد، ترازبندی به سمت راست است، و اگر از راست به چپ باشد، ترازبندی به سمت چپ است. |
| مقدار اولیه | این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. لطفاً به: مراجعه کنید مقدار اولیه. |
| وراثت | از عنصر والد خود این ویژگی را به ارث می‌برد. لطفاً به: مراجعه کنید وراثت. |
جزئیات فنی
| مقدار پیش‌فرض: | 자동 |
|---|---|
| وراثت: | بله |
| انیمیشن‌سازی: | پشتیبانی نمی‌شود. لطفاً به: مراجعه کنیدخصوصیات مرتبط با انیمیشن. |
| نسخه: | CSS3 |
| جمله‌بندی جاوااسکریپت: | object.style.textAlignLast="right" |
مثال‌های بیشتر
از text-align-last: در خط آخر درون محفظه استفاده کنید;
div.b p:last-child {
ترازبندی خط آخر: وسط;
}
پشتیبانی مرورگر
اعداد در جدول نشان‌دهنده نسخه اولیه مرورگرهایی هستند که این ویژگی را به طور کامل پشتیبانی می‌کنند.
اعداد شماری که با -moz- همراه هستند، نشان‌دهنده نسخه اولیه با استفاده از پیشوند هستند.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 47.0 | 5.5* | 49.0 12.0 -moz- |
پشتیبانی نمی‌شود | 34.0 |
* در Edge/Internet Explorer، مقادیر "start" و "end" پشتیبانی نمی‌شوند.
- صفحه قبلی ترازبندی خط
- صفحه بعدی نمونه‌پردازی‌های خطی
