صفت text-align-last در css
صفت text-align-last در css موقعیت خط آخر متن تگ html
در این مقاله از سایت آموزی در مجموعه آموزش های صفات سی اس اس به بررسی و تحلیل خاصیت text-align-last در زبان CSS می پردازیم.
ویژگی کاربردی text-align-last در سومین نسخه این زبان طراحی یعنی css3 معرفی شده است.
معرفی و کاربرد ویژگی text-align-last در زبان طراحی سی اس اس
توسط خاصیت text-align-last در CSS3 می توانیم موقعیت آخرین خط متن یک تگ html را تعیین نماییم.
نکات مهم
- خصوصیت text-align-last تنها جهت ترازبندی موقعیت مکانی آخرین خط در تگ html مربوطه کاربرد دارد، و برای ترازبندی کل خطوط متن تگ html از صفت text-align باید استفاده نمایید.
- در صورتی که 3 پاراگراف داشته باشید، و از صفت text-align-last استفاده نمایید، کنترل موقعیت مکانی در آخرین خط هر 3 پاراگراف اعمال خواهد شد.
- در صورتی که 3 پاراگراف داشته باشید، و بخواهید بر روی آخرین خط از آخرین پاراگرف ، صفت text-align-last اعمال گردد، بایستی از سلکتور last:child برای این منظور بهره ببرید.
- در مرورگر اینترنت اکسپلورر تنها زمانی خصوصیت text-align-last برای تغییر موقعیت خط آخر متن اعمال می گردد، که متن تگ html با صفت text-align و مقدار justify ترازبندی شده باشد.
- برای متن یک تگ html ممکن است موقعیت متن با صفت text-align در یک تراز و موقعیت خط آخر متن همان تگ html با خاصیت text-align-last در موقعیت دیگری ترازبندی گردد.
مقادیر صفت کاربردی text-align-last در زبان طراحی css
صفت text-align-last که در زبان طراحی CSS3 معرفی شده است، 9 مقدار می پذیرد که عبارتند از:
- مقدار auto
- مقدار left
- مقدار right
- مقدار center
- مقدار justify
- مقدار start
- مقدار end
- مقدار initial
- مقدار inherit
مقدار auto درون خاصیت text-align-last در زبان سی اس اس
اگر خاصیت text-align-last را برای یک عنصر html برابر با مقدار auto قرار دهیم، در حقیقت می خواهیم به صورت پیش فرض آخرین خط متن یک تگ html در تراز justify و موقعیت چپ قرار بگیرد.
در واقع مقدار auto در خاصیت text-align-last به عنوان مقدار پیش فرض محسوب می شود.
[html] p {text-align-last: auto;} [/html]
مقدار left درون خاصیت text-align-last در زبان css
اگر خاصیت text-align-last را برای یک عنصر html برابر با left قرار دهیم، در حقیقت می خواهیم آخرین خط متن یک تگ html در سمت چپ ترازبندی شود.
[html] p {text-transform: left;} [/html]
مقدار right درون خاصیت text-align-last در زبان سی اس اس
اگر خاصیت text-align-last را برای یک عنصر html برابر با right قرار دهیم، در حقیقت می خواهیم آخرین خط متن یک تگ html در سمت راست ترازبندی شود.
[html] p {text-align-last: right;} [/html]
مقدار center درون خاصیت text-align-last در زبان css
اگر خاصیت text-align-last را برای یک عنصر html برابر با center قرار دهیم، در حقیقت می خواهیم آخرین خط متن یک تگ html در تراز وسط قرار گیرد.
[html] p {text-align-last: center;} [/html]
مقدار justify درون خاصیت text-align-last در زبان سی اس اس
اگر خاصیت text-align-last را برای یک عنصر html برابر با justify قرار دهیم، در حقیقت می خواهیم آخرین خط متن یک تگ html در حالت تراز چپ و راست ( هماهنگی عرض خطوط ) یا justify قرار گیرد.
[html] p {text-align-last: justify;} [/html]
صفت text-align-last در css موقعیت خط آخر متن تگ html
مقدار start درون خاصیت text-align-last در زبان css
اگر خاصیت text-align-last را برای یک عنصر html برابر با start قرار دهیم، در حقیقت می خواهیم آخرین خط متن یک تگ html از ابتدای خط آغاز گردد.
نکات مهم
- در صورتی که خصوصیت text-direction را برابر با مقدار rtl ( راست به چپ ) قرار داده باشید، ابتدای خط از راست به چپ خواهد بود.
- در صورتی که خصوصیت text-direction را برابر با مقدار ltr ( چپ به راست ) قرار داده باشید، ابتدای خط از چپ به راست خواهد بود.
[html] p {text-align-last: start;} [/html]
مقدار end درون خاصیت text-align-last در زبان سی اس اس
اگر خاصیت text-align-last را برای یک عنصر html برابر با end قرار دهیم، در حقیقت می خواهیم آخرین خط متن یک تگ html از انتهای خط آغاز گردد.
[html] p {text-align-last: end;} [/html]
نکات مهم
- در صورتی که خصوصیت text-direction را برابر با مقدار rtl ( راست به چپ ) قرار داده باشید، انتهای خط از چپ به راست خواهد بود.
- در صورتی که خصوصیت text-direction را برابر با مقدار ltr ( چپ به راست ) قرار داده باشید، انتهای خط از راست به چپ خواهد بود.
مقدار initial درون خاصیت text-align-last در زبان css
اگر خاصیت text-align-last را برابر با مقدار initial تعریف کنیم، در حقیقت مقدار پیش فرض این خصوصیت برای تگ html مورد نظر اعمال می شود.
مقدار inherit درون خاصیت text-align-last در زبان سی اس اس
اگر خاصیت text-align-last را برابر با مقدار inherit تعریف کنیم، در واقع تگ html مربوطه خصوصیت مورد نظر را از والد پدری خود به ارث می برد.
بررسی خاصیت text-align-last از نظر نسخه زبان طراحی css
ویژگی کاربردی text-align-last در سومین نسخه این زبان طراحی یعنی css3 معرفی شده است.
بررسی ساختاری خصوصیت text-align-last در زبان طراحی سی اس اس
عناوین ساختاری خاصیت text-align-last | وضعیت ساختاری خاصیت text-align-last |
مقدار پیش فرض | auto |
قابلیت توارث | دارد |
قابلیت تحرک | ندارد |
ورژن css صفت | CSS3 |
سینتکس صفت در جاوا اسکریپت | "object.style.textAlignLast="right |
پشتیبانی مرورگرهای اینترنتی از خاصیت text-align-last در زبان طراحی css
خاصیت css | |||||
text-align-last | 47.0 | *5.5 | 49.0 به بالا و 12.0 تا 49.0 با -moz- | عدم پشتیبانی | 34.0 |
پیوندهای مهم و کاربردی
تگ های جدید HTML5 در سایت آموزی
صفات تگ های HTML در سایت آموزی
تگ های منسوخ شده HTML5 در سایت آموزی
صفت text-align-last در css موقعیت خط آخر متن تگ html – اختصاصی سایت آموزی
درباره سایت آموزی
علیرضا ابراهیمی - بنیانگذار وبسایت آموزشی سایت آموزی ، 8 سال سابقه فعالیت حرفه ای در زمینه طراحی سایت ، سئو ، سابقه تدریس اغلب زبان های برنامه نویسی تحت وب ، محقق و تحلیلگر ساختارهای توسعه دهنده وب
نوشته های بیشتر از سایت آموزی
دیدگاهتان را بنویسید