آموزش ویژگی text-align-last در CSS

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش ویژگی text-align-last در CSS با من همراه باشید.

آموزش ویژگی text-align-last در CSS

Free-Learn

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

با استفاده از ویژگی text-align-last در CSS میتوان تراز آخرین خط / لاین / سطر از یک متن را بصورت افقی مشخص و یا تعریف کرد.

این ویژگی در مرورگر سافاری ( Safari ) پشتیبانی نمیشود.

Free-Learn

مثال از این ویژگی

در ادامه میتوانید یک مثال از ویژگی text-align-last را در زبان CSS مشاهده نمایید.

امتحان کنید

Free-Learn

جدول مشخصات ویژگی text-align-last در CSS

در جدول زیر میتوانید مشخصات کلی این ویژگی را در زبان CSS مشاهده نمایید.

مقدار پیش فرض auto
قابل ارث بری دارد | اطلاعات بیشتر
قابل متحرک سازی ندارد | اطلاعات بیشتر
نسخه CSS3
نحوه استفاده در جاوااسکریپت object.style.textAlignLast=”center”;

Free-Learn

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

در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از ویژگی text-align-last در CSS پشتیبانی میکنند یا خیر.

* برای استفاده در اینترنت اکسپلورر باید حتما از ویژگی text-align با مقدار justify استفاده کرده باشید ، همچنین مقادیر start و end در این مرورگر پشتیبانی نمیشود.

نام ویژگی Chrome Firefox Opera Safari IE
text-align-last ۴۷٫۰ ۴۹٫۰
۱۲٫۰ -moz-
۳۴٫۰ خیر ۶٫۰ *

Free-Learn

شکل نوشتاری

نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این ویژگی در CSS بصورت زیر می باشد.

Free-Learn

جدول مقادیر ویژگی text-align-last در CSS

در جدول زیر میتوانید، مقادیری را که میتوان در این ویژگی استفاده کرد مشاهده نمایید.

مقدار توضیح
auto پیش فرض – اگر text-align تعریف شده باشد مقدارش میشه مقدار text-align
و اگه تعریف شده نشده باشه میشه left یا start
left سطر آخر متن در سمت چپ سطر قرار میگیرد.
right سطر آخر متن در سمت راست سطر قرار میگیرد.
center سطر آخر متن در وسط سطر قرار میگیرد.
justify سعی میکند سطر آخر را بطور کامل فیت عنصر کند و فضای خالی را بپوشاند.
start سطر آخر متن در قسمت شروع / ابتدایی سطر قرار میگیرد.
end سطر آخر متن در قسمت پایانی سطر قرار میگیرد.
initial استفاده از مقدار پیش فرض یا اولیه | اطلاعات بیشتر
inherit استفاده از مقدار پدر یا والد ( به ارث بری ) | اطلاعات بیشتر

Free-Learn

نکات و توضیحات

  • مقادیر start و end در مرورگر اینترنت اکسپلورر یا IE پشتیبانی نمیشود.
  • در مرورگر اینترنت اکسپلورر باید حتما اول text-align با مقدار justify مشخص شود سپس از ویژگی text-align-last استفاده نمایید.
  • برای استفاده از این ویژگی در مرورگر موزیلا فایرفاکس از نسخه ۱۲ تا ۴۸ باید از پیشوند -moz- استفاده نمایید.

اگر از این ویژگی در یک عنصر استفاده نمایید و اون عنصر شامل تعدادی پاراگراف باشد ، بصورت خودکار تمامی پاراگراف های موجود در اون عنصر تحت تاثیر text-align-last قرار میگیرند، ولی خب شاید من نخوام همه ی اون پاراگراف ها تحت تاثیر قرار بگیرند.

مثلا من میخوام فقط سطر آخر از پاراگراف آخر تحت تاثیر قرار بگیرد، میتوانیم از شبه کلاس last-child استفاده نماییم ، پس باید بصورت زیر عمل نماییم :

امتحان کنید

Free-Learn

دریافت PDF یا پرینت این مطلب