مراجعة: خاصية text-align في CSS - العدد #43

ما الذي تفعله 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.
• مفيدة جدًا لتنسيق النصوص، الأزرار، الصور الصغيرة، والعناوين.