English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

دليل CSS مرجع

CSS @rules (RULES)

مجمع CSS Properties

طريقة استخدام CSS text-align وامثلة

تثبيت CSS text-align CSS property لتحديد طريقة التوجيه الأفقية للمحتوى الداخلي (مثل النصوص والصور) داخل العنصر الابني للعنصر الرئيسي (مثل العناوين أو الفقرات).

جدول التالي يوضح شرح الاستخدام و تاريخ الإصدارات للخاصية، وكذلك استخدام الخاصية في لغة البرمجة JavaScript.

القيمة الافتراضية:left إذاdirectionنعم' ltr'،right إذا كان direction هو' rtl'
تطبيقها:عناصر المقطع، خلايا الجدول والكتل المدمجة
الوراثة:نعم
يمكنه الرسوم المتحركة:لا.يرجى الرجوع إلى خصائص الرسوم المتحركة
الإصدار:CSS 1،2،3
JavaScript Syntax:
 object.style.textAlign="right"

نحو استخدام text-align

نحو استخدام الخاصية هذا كالتالي:

text-align: left | right | center | justify | initial | inherit

المثال التالي يوضح كيفية استخدام خاصية text-align.

  h1 {
   text-align: center;
  }
  p {
   text-align: justify;
  }
اختبار ل‹/›

قيمة الخاصية

جدول التالي يصف قيمة الخاصية.

القيمةوصف
leftجعل النص المدمج يسارًا.
rightجعل النص المدمج يمينًا.
centerجعل النص المدمج في الوسط.
justifyالنص له معنى. يتم ضبط الحواف اليمنى واليسرى للنص من خلال تمدد الفراغات والكلمات.
initialضبط الخاصية إلى قيمتها الافتراضية.
inheritإذا تم تحديد، فإن العناصر المرتبطة تأخذ قيمة الخاصية text-align للعنصر الأب.

تطابق المتصفح

تطابق متصفح text-align الخاصية، الأرقام في الجدول التالي تعبر عن إصدار أحدث متصفح يدعم الخاصية؛ جميع المتصفحات الرئيسية يدعمون الخاصية.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 3+

  • Apple Safari 1+

  • Opera 3.5+

قراءة المزيد

يرجى الرجوع إلى الدليل التالي:نص CSS،دعم CSS

خصائص نصية:letter-spacing،text-decoration،text-indent،text-overflow،text-shadow،text-transform،white-space،word-spacing