انتقل إلى محتوى الدرس

CSS Text directionwith ltr خاصية direction مع القيمة ltr في لغة CSS

ستتعلم في هذا الدرس تحديد الاتجاه الأساسي للنص باستخدام direction، وعلاقته بسمة dir وخوارزمية النص ثنائي الاتجاه، والفرق بين الاتجاه الطبيعي وbidi-override.

1 صفوف تعليمية
لغة CSS
7,316 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

تحدد direction: ltr الاتجاه الأساسي من اليسار إلى اليمين. قد تطابق الاتجاه الابتدائي، أو تلغي اتجاهًا RTL موروثًا.

CSS Text direction without ltr

خاصية direction بدون القيمة ltr في لغة CSS.

HTML
<!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

لا يختلف الاتجاه في هذين المثالين لأن الأول يبدأ أصلًا باتجاه LTR. لا تعمم ذلك على عنصر يرث RTL من أبيه.

HTML
p
{
  direction: ltr;
}