css

صفت direction – آموزش CSS

در این بخش در مورد صفت direction صحبت می کنیم. با استفاده از این صفت جهت نمایش متن را می توان مشخص کرد.


ما زبان های مختلفی در جهان داریم. حالا در یک صفحهی html ممکن است از یک یا چند زبان استفاده شود، به این منظور ما از صفت direction استفاده میکنیم، تا زبان های مختلف به شکل صحیح نمایش داده شود.

زبان هایی که در جهان وجود دارند دو گونه هستند. بعضی از آن ها مانند زبان فارسی و عربی از سمت راست به چپ نوشته می شوند و برخی دیگر مانند انگلیسی از چپ به راست نوشته می شود. برای زبان هایی که از راست به چپ نوشته می شوند

از ویژگی (rtl (left to right و برای زبان هایی که از چپ به راست نوشته میشوند از (ltr (left to right در جلوی صفت direction استفاده می شود. این صفت ویژگی دیگری نیز دارد،آن هم inherit است. زمانی که می خواهید بگویید بخش مورد نظر از ویژگی پدرش استفاده کند (یعنی هماهن ویژگی که پدرش دارد را به ارث ببرد) این صفت را به کار می برید.

به مثال زیر توجه کنید:

در HTML :

<p class="nameclass1">متن تست یک</P>
<p class="nameclass2">متن تست دو</P>

در CSS :

.nameclass1{
 direction:ltr;
}
.nameclass2{
 direction:rtl;
}

متن تست یک

متن تست دو

این نکته را هم بدانید که صفت dir نیز همین خاصیت را دارد. اما از dir در بخش کد های html و direction در کد های css استفاده میشود . dir نیز دو ویژگی rtl , ltr را می پذیرد.

<p dir="rtl" >متن تست </P>

متن تست

Related Articles

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

Close