تعیین نحوه قرارگیری متن در جهت افقی، با مشخصه text-align ، در CSS
با استفاده از مشخصه text-align در CSS ، می توانیم تعیین کنیم که متن ، در جهت افقی ، به چه صورت قرار گیرد . برای مشخصه text-align در CSS ، می توانیم هر یک از حالت های right (در سمت راست) ، left (در سمت چپ) ، center (در وسط) و justify (منظم کردن متن هر خط برای مساوی بودن تمام خطوط و زیباتر شدن متن) را انتخاب کنیم .
به مثال زیر توجه کنید :
x
<html> <head><style type="text/css">#paragraph_1 { text-align:right; } #paragraph_2 { text-align:left; } #paragraph_3 { text-align:center; } #paragraph_4 { text-align:justify; } </style></head> <body><p id="paragraph_1">paragraph number 1 . paragraph number 1 . paragraph number 1 . paragraph number 1 . paragraph number 1 .</p><br /><p id="paragraph_2">paragraph number 2 . paragraph number 2 . paragraph number 2 . paragraph number 2 . paragraph number 2 .</p><br /><p id="paragraph_3">paragraph number 3 . paragraph number 3 . paragraph number 3 . paragraph number 3 . paragraph number 3 .</p><br /><p id="paragraph_4">paragraph number 4 . paragraph number 4 . paragraph number 4 . paragraph number 4 . paragraph number 4 .</p></body></html>ابتدا هر یک از 4 پاراگراف را با یک id مشخص کرده ایم و سپس درون تگ style ، با مشخصه text-align تعیین کرده ایم که متن هر پاراگراف در جهت افقی چگونه قرار داده شود . برای ارجاع به هر پاراگراف ، از id آن پاراگراف استفاده کرده ایم .
نتیجه :
دسته بندی نمایش متن، در CSS
نویسنده علیرضا گلمکانی
شماره کلید 541
گزینه ها 
نظرات 0 0 0