عند تنسيق النصوص داخل العناصر في صفحات الويب، تُعد خاصية text-align من الأدوات الأساسية التي تساعدك على التحكم في المحاذاة الأفقية للمحتوى داخل العناصر الكتلية (block elements).
ما الذي تفعله text-align؟
تُستخدم text-align لتحديد محاذاة النصوص والمحتوى الداخلي داخل العناصر الكتلية مثل <div>, <section>, أو <article>.\
القيم الشائعة تشمل:
left: المحاذاة إلى اليسار (الافتراضية في اللغات اللاتينية).
right: المحاذاة إلى اليمين.
center: توسيط المحتوى.
justify: توزيع النص بالتساوي على السطر.
ما الذي تتأثر به text-align؟
تؤثر فقط على العناصر الداخلية من نوع inline أو inline-block.
لا تؤثر على العناصر الكتلية (block) داخل العنصر، لكنها تؤثر على النصوص داخل أي نوع من العناصر، بما في ذلك العناصر الكتلية.
مثال:
هذا سيؤدي إلى توسيط النصوص والعناصر inline أو inline-block داخل هذا div، لكن العناصر block مثل div أو section بداخله لن تتأثر.
خلاصة
text-align تتحكم في محاذاة المحتوى داخل العناصر الكتلية.
تؤثر فقط على العناصر inline وinline-block، وليس على العناصر block.
مفيدة جدًا لتنسيق النصوص، الأزرار، الصور الصغيرة، والعناوين.
التعليقات