تحديد إتجاه الكتابة Writing direction في الموقع عن طريق لغة CSS الدرس |9| - Programmer Tech

Programmer Tech

تعلم البرمجة - علوم الكمبيوتر - أمن المعلومات - القرصنة الأخلاقية

إعلان اعلى المقالة

الاثنين، 2 نوفمبر 2020

تحديد إتجاه الكتابة Writing direction في الموقع عن طريق لغة CSS الدرس |9|


تغيير اتجاه النص في الموقع

سنتحدث عن خاصية تسمى direction إذا كان لديك موقع باللغة العربية هذا الدرس سيفيدك كثيراً لتحديد إتجاه الكتابة به, لأن في اللغة العربية الكتابة تكون من اليمين, أما اللغات الأجنبية يبدأ الإتجاه من اليسار حتى و إن لم نستخدم اي خواص, لهذا الأمر تتوفر لدينا طريقتين و هما الأولى عبر اكواد html و الثانية من خلال css.


الطريقة الأولى عبر html

لجعل المحتوى يظهر من جهة اليمين و ليس اليسار نقوم بالتوجه للوسم body و نضيف له الخاصية dir و نعطيها القيمة rtl اي من اليمين, في حال كنا نريد ستخدام الإتجاه انجليزي من اليسار نضع القيمة ltr.

 

<!DOCTYPE html>
<head>
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
</head>
<body dir="rtl">
    <h1>موقع لتعلم لغات البرمجة و امن المعلومات</h1>
    <p>موقع تعليم مجاني يهتم بتعلم البرمجة و علوم الكمبيوتر, أمن المعلومات, القرصنة الأخلاقية, سكربتات</p>
</body>
</html>



عندما نفتح هذا في المتصفح


الطريقة الثانية عبر css

نقوم بتحديد العنصر body ثم نقوم بإستخدام direction و القيمة rtl لكي يقوم بتحويل جميع ما يكتب بالصفحة من اليمين.

body{
    direction: rtl;
}



سوف تكون مثل النتيجة السابقة جهة الكتابة تصبح من اليمين و ليس اليسار, وبهذا لقد تمكننا من حل مشكلة إتجاه الكتابة.

لمشاهدة هذا الدرس فيديو على يوتيوب


 

ليست هناك تعليقات:

إرسال تعليق

facebook

نموذج الاتصال

الاسم

بريد إلكتروني *

رسالة *