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 پشتیبانی می کنند.