ویژگی text-align در css چیدمان نوشته در تگ html

ویژگی text-align در css چیدمان نوشته در تگ html

در این مقاله از سایت آموزی جهت استفاده شما همراهان گرامی قصد داریم در مورد خاصیت text-align در زبان css توضیحاتی را ارائه نماییم.

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

معرفی و کاربرد ویژگی text-align در زبان طراحی css

به کمک خاصیت text-align می توانیم نحوه چیدمان متن عنصر اچ تی ام ال را درون سند html در موقعیت راست ، چپ ، وسط و یا تراز راست و چپ مشخص نماییم.

مقادیر صفت کاربردی text-align در زبان طراحی سی اس اس

صفت text-align که در زبان طراحی CSS1 معرفی شده است، 6 مقدار می پذیرد که عبارتند از:

مقدار left
مقدار right
مقدار center
مقدار justify
مقدار initial
مقدار inherit

مقدار left درون خاصیت text-align در زبان css

اگر خاصیت text-align را برای یک عنصر html برابر با مقدار left قرار دهیم، در حقیقت می خواهیم چیدمان متن تگ html در سمت چپ قرار گیرد.

[html] div{ text-align: left; }[/html]

مقدار right درون خاصیت text-align در زبان سی اس اس

اگر خاصیت text-align را برای یک عنصر html برابر با مقدار right قرار دهیم، در حقیقت می خواهیم چیدمان متن تگ html در سمت راست قرار گیرد.

[html] div{ text-align: right; }[/html]

مقدار center درون خاصیت text-align در زبان css

اگر خاصیت text-align را برای یک عنصر html برابر با مقدار center قرار دهیم، در حقیقت می خواهیم چیدمان متن تگ html در وسط قرار گیرد.

[html] div{ text-align: center;}[/html]

مقدار justify درون خاصیت text-align در زبان سی اس اس

اگر خاصیت text-align را برای یک عنصر html برابر با مقدار justify قرار دهیم، در حقیقت می خواهیم چیدمان متن تگ html با تراز چپ و راست قرار گیرد.

[html] div{ text-align: justify; }[/html]