این آموزش در تاریخ ۱۴۰۲/۰۶/۱۹ آپدیت شده است.
آموزش صفت عمومی dir در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش صفت عمومی dir در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
صفت عمومی dir در HTML
صفت dir صفتی است که ما با استفاده از آن میتوانیم جهت قرار گیری یک متن رو مشخص کنیم که البته بطور کلی بخواهیم بگیم با استفاده از این صفت میتوان جهت قرار گیری محتوای یک عنصر را مشخص کرد.
همونطور که میدونید ما فارسی زبان ها جهت متن ها و محتوامون از سمت راست به چپ می باشد که میشه همون RTL و برای محتوای انگلیسی میشه LTR ، کاره این صفت هم همینه که میتونه جهت یک متن رو برای نمایش هرچه بهتر در مرورگرها مشخص کند.
برای مثال جهت این متن راست به چپ می باشد
Jahat In Matn Ham Az Chap Be Rast
Free-Learn
مثال از صفت dir در HTML
در ادامه میتوانید یک مثال از این صفت را مشاهده نمایید.
مثال شماره ۱ : استفاده از صفت dir برای مشخص کردن جهت نمایش متن ها
|
1 2 3 4 5 6 |
<body> <p dir="rtl">جهت این متن راست به چپ می باشد</p> <p dir="ltr">Jahat In Matn Ham Az Chap Be Rast</p> </body> |
مثال شماره ۲ : استفاده از صفت dir در تگ body ( اینجوری کل صفحه رو راست چین میکنیم )
|
1 2 3 4 5 6 7 8 |
<body dir="rtl"> <p>جهت این متن راست به چپ می باشد</p> <p>جهت این متن راست به چپ می باشد</p> <p>جهت این متن راست به چپ می باشد</p> <p>جهت این متن راست به چپ می باشد</p> </body> |
مثال شماره ۳ : استفاده از ویژگی direction برای راست چین کردن صفحه
|
1 2 3 4 5 6 7 |
<style> body{ direction:rtl; } </style> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از صفت dir در HTML پشتیبانی میکنند یا خیر.
| نام مرورگر | Chrome | Firefox | Opera | Safari | Edge |
| پشتیبانی | بله | بله | بله | بله | بله |
Free-Learn
روش استفاده
روش استفاده از این صفت در عناصر HTML بصورت زیر می باشد.
|
1 |
<element dir="ltr|rtl|auto> |
Free-Learn
جدول مقادیر صفت dir
در جدول زیر میتوانید مقادیر را که میتوان در این صفت استفاده کرد را مشاهده نمایید.
| مقدار | توضیح |
| ltr | پیش فرض – چپ به راست |
| rtl | راست به چپ |
| auto | مرورگرها بطور خودکار جهت محتوا را مشخص میکنند. |
Free-Learn
نکات و توضیحات
- نکته یا توضیح خاصی وجود ندارد.
