15482721749897530
recent
أخبار ساخنة

شرح خاصية text-align للمبتدئين

الخط

شرح خاصية text-align للمبتدئين

اليوم شرح خاصية هامة جدا وهو محاذاة النص 
شرح خاصية text-align للمبتدئين css

السلام عليكم متابعينا في درس جديد من لغة css , في الدروس السابقة شرحنا ال FLoat وشرحنا ايضا كيفية عمل فيلتر للصور باستخدام css , اليوم سنشرح خاصية محاذاة النصوص Text Align , ماهي هذه الخاصية , هي خاصية لا تقوم بمحاذاة عنصر وانما هي تقوم بمحاذان النص او المحتوي المكتوب داخل العنصر , سنقوم بمثال بسيط لدينا قالب جديد سنقوم بالتعديل علي عنوان المواضيع وكما سترون عنوان الموضوع في الصورة التالية

هذا العنوان نريد ان نقوم بمحاذاته الي المنتصف مثلا , سنقوم بكتابة الكود في معرف العنوان في ال css (text-align: center;) 
بعد كتابة هذا الكود سيظهر العنوان مثل هذه الصورة 

لاحظ الفرق بين العنوانين , العنوان في اول صورة كان بدون اضافة اي اكواد محاذاة ولكن في الصورة الثانية قمنا باضافة كود المحاذاه في المنتصف والخاصة جعلت العنوان في المنتصف فعلا ,  
خاصية محاذاة النصوص قيمها ليس المنتصف فقط فلديها قيم اخري وهذه هي القيم الاخري
text-align: left;
text-align: right;
text-align: center;
text-align: justify; 


ويوجد قيم اخري ولكن الاهم هذه القيم 
وبكل بساطه القيمة left ستقوم بمحاذاه النص للحافة اليسري 
والقيمة right ستقوم بمحاذاه النص للحافة اليمني 
والقيمة center ستقوم بمحاذاه النص الي المنتصف كما في صور الشرح 
والقيمة justify ستقوم بملئ النص في الصفحة من الحافة اليمين الي اليسار ولا يترك اثار اوفراغ علي الجوانب هذه الصورة مثال لخاصية ال محاذاة text -align 

كما ترون هذه الصورة تبين محاذاة النصوص , قم بتجربة خاصية اليوم للتجربة , لغة css لغة بسيطة جدا وقريبا سنضع دروس لفهم باقي خصائص لغة css 

 ان واجهتك اي مشكلة في هذا الموضوع او مشكلة عامة في موقعك قم بكتابتها في صفحة الاستشارة المجانية او في اي موضوع وسيقوم بالرد عليك من احد فريق الموقع او مني , او اذا كنت تريد شرح معين عن  أي شي في بلوجر او SEO لاتتردد في كتابته في التعليقات 
ليست هناك تعليقات
إرسال تعليق

إرسال تعليق

نموذج الاتصال
الاسمبريد إلكترونيرسالة