ویژگی text-align-last در CSS

text-align-last Property

ویژگی text-align-last در CSS جهت گیری آخرین سطر از متن را مشخص می کند.

نحوه نوشتار

text-align-last: auto;
text-align-last: start;
text-align-last: end;
text-align-last: left;
text-align-last: right;
text-align-last: center;
text-align-last: justify;

مقادیر

auto​

مقدار پیشفرض است. اگر محتوا راست به چپ جهت دهی شده باشد – به سمت راست و اگر محتوا چپ به راست جهت دهی شده باشد – به سمت چپ متمایل می شود.

start​

اگر محتوا راست به چپ جهت دهی شده باشد – به سمت راست و اگر محتوا چپ به راست جهت دهی شده باشد – به سمت چپ متمایل می شود.

end​

اگر محتوا راست به چپ جهت دهی شده باشد – به چپ راست و اگر محتوا چپ به راست جهت دهی شده باشد – به سمت راست متمایل می شود.

left​

محتوای inline به لبه چپ عنصر می چسبد.

right​​

محتوای inline به لبه سمت راست عنصر می چسبد.

center​

محتوای inline در عنصر به قسمت وسط جهت دهی می شود.

در مثال زیر نحوه عملکرد این ویژگی را میبینیم:

html

<p>
      لورم ایپسوم یا طرح‌نما (به انگلیسی: Lorem ipsum) به متنی آزمایشی و بی‌معنی
      در صنعت چاپ، صفحه‌آرایی و طراحی گرافیک گفته می‌شود. طراح گرافیک از این متن
      به عنوان عنصری از ترکیب بندی برای پر کردن صفحه و ارایه اولیه شکل ظاهری و
      کلی طرح سفارش گرفته شده استفاده می نماید. <<
</p>

css

p {
   direction: rtl;
   font-family: "Segoe UI";
   max-width: 450px;
   padding: 15px;
   margin: 0 auto;
   background-color: lightgreen;
   text-align-last: left;
}

مشاهده و ویرایش کد در حالت تمام صفحه

پشتیبانی مرورگرها
تمام مرورگرها به جز Safari on iOS ، Safari و (به طور نسبی) Internet Explorer از این ویژگی در CSS پشتیبانی می کنند.