CSS Text Direction
إتجاه النصوص في لغة CSS
ستتعلم في هذا الدرس طريقة تحويل النصوص والعناصر من اليسار إلي اليمين ومن اليمين إلي اليسار في لغة CSS بواسطة خاصية direction.
التاريخ
الدروس
المستوى
اللغة
المشاهدات
المواضيع
CSS Text Direction
إتجاه النصوص في لغة CSS
</>
CSS Text Direction
إتجاه النصوص في لغة CSS
تستخدم direction في لغة CSS لتغيير إتجاه العنصر من اليسار إلي اليمين أو من اليمين إلي اليسار وهذا ينطبق أيضاً علي النصوص بداخل العنصر.
قيم خاصية direction في لغة CSS:
- ltr وهي القيمة الأفتراضية وهي أن يبدأ العنصر من جهة اليسار.
- rtl وهي تحويل إتجاه العنصر بالكامل من جهة اليسار إلي جهة اليمين.
وظيفية خاصية direction في لغة CSS:
- تحويل إتجاه النصوص من اليسار إلي اليمين والعكس.
متي تستخدم خاصية direction؟
- تستخدم إذا كان العنصر يبدأ من اليمين ونريد تحولي من جهة اليسار إلي جهة اليمين وهذا ينطبق علي صفحات الويب باللغة العربية واللغات التي تبدأ من جهة اليمين.
direction syntax
طريقة كتابة خاصية direction في لغة CSS.
direction:value;
direction values
قيم خاصية direction في لغة CSS.
direction:ltr|rtl|initial|inherit;
ملاحظة
</>
CSS Text directionwith ltr
خاصية direction مع القيمة ltr في لغة CSS
CSS Text direction without ltr
خاصية direction بدون القيمة ltr في لغة CSS.
<!DOCTYPE html> <html> <head> </head> <body> <h1> Text direction</h1> <p>This is the default text direction.</p> </body> </html>
CSS Text direction with ltr
خاصية direction مع القيمة ltr في لغة CSS لا يوجد خلاف بين إتجاه العنصر بدون إستخدام خاصية direction والقيمة ltr أو بدون خاصية direction هذا هو الوضع الأفترضي.
p
{
direction: ltr;
}
ملاحظة
</>
CSS Text directionwith rtl
خاصية direction مع القيمة rtl في لغة CSS
CSS Text direction without rtl
خاصية direction بدون القيمة rtl في لغة CSS.
<!DOCTYPE html> <html> <head> </head> <body> <h1> Text direction</h1> <p>This is the default text direction.</p> </body> </html>
CSS Text direction with rtl
خاصية direction مع القيمة rtl في لغة CSS.
p
{
direction:rtl;
}
ملاحظة
</>
CSS unicode bidi
خاصية unicode-bidi في لغة CSS
تستخدم خاصية unicode-bidi في لغة CSS لتغيير إتجاه الحروف من اليسار إلي اليمين أو من اليمين إلي اليسار وهذا ينطبق أيضاً علي النصوص بداخل العنصر وتعمل جنباً ألي جنب مع خاصية direction.
قيم خاصية unicode-bid في لغة CSS:
- normal وهي القيمة الأفتراضية وهي أن يكون إتجاه الحروف كما هي من اليسار إلي اليمين.
- bidi-override يكون إتجاه الحروف معكوس من اليسار إلي اليمين مع خاصية direction.
وظيفية خاصية unicode-bid في لغة CSS:
- تحويل إتجاه الحروف من اليسار إلي اليمين والعكس.
- لمزيد من المعلومات حول خاصية unicode-bid قم بزيارة هذا الرابط.
direction syntax
طريقة كتابة خاصية direction في لغة CSS.
unicode-bidi:value;
direction values
قيم خاصية direction في لغة CSS.
unicode-bidi:normal|embed|bidi-override|initial|inherit;
ملاحظة
CSS unicode bidi
خاصية unicode bidi في لغة CSS.
.rtl
{
direction: rtl;
unicode-bidi: bidi-override;
}
CLOSETAG
منصة كلوز تاج التعليمية المتخصصة في تعليم البرمجة. نسعى لتقديم تجربة تعلم فريدة من خلال معسكراتنا العملية والمنظمة والمتسلسلة كما نهدف إلى تقليص الفجوة بين النظرية والتطبيق العملي؛ لذا فإننا نركز على التعليم القائم على المشاريع والتطبيقات الحقيقية. ننقل لك سنوات من الخبرة في أقل وقت ممكن تحت إشراف مهندسين عباقرة عملوا في أكبر الشركات العربية والعالمية في مجال البرمجة. مهمتنا ليست فقط تعليم البرمجة، بل نسعى أيضًا لتزويدك بمجموعة من المهارات التي تتوافق مع احتياجات سوق العمل.
