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

دليل CSS

قواعد CSS (RULES)

موسوعة خصائص CSS

استخدام خاصية text-indent CSS و مثال

خصائص text-indent CSS تحدد الإندماج للسطر الأول من النص في العنصر.

جدول أدناه يوضح كيفية استخدام هذه الخاصية و سجله التاريخي، بالإضافة إلى استخدام هذه الخاصية في سكربت جافا سكربت.

القيمة الافتراضية:0
التطبيق على:عناصر المربع والنصية، وحدة الجدول
الوراثة:نعم
يمكن تحريكه:نعم.يرجى الرجوع إلى خصائص الرسوم المتحركة
الإصدار:CSS 1،2،3
جافا سكربت:object.style.textIndent="50px"

نموذج استخدام خاصية text-indent

نموذج هذا الخصائص هو:

text-indent: length | percentage | initial | inherit

المثال أدناه يوضح كيفية استخدام خاصية text-indent.

  p {
   text-indent: 100px;
  }
اختبر لمعرفة‹/›

قيمة الخاصية

جدول أدناه يصف قيم هذه الخاصية.

القيمةوصف
lengthتحديد طول ثابت للإندماج. يسمح بالقيم السلبية.
percentageالإندماج هو نسبة من عرض المربع الذي يحتوي عليه (%%). يسمح باستخدام القيم السلبية.
initialأعد هذا الخصائص إلى قيمته الافتراضية.
inheritإذا تم تحديد، فإن العناصر المرتبطة تستخدم نفس قيمة text-indent للعنصر الأب.

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

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

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 3+

  • Apple Safari 1+

  • Opera 3.5+

قراءة إضافية

يرجى الرجوع إلى التعليمات التالية:نص CSS،حجم الهوامش CSS

خصائص متعلقة بالنص:letter-spacing،text-align،text-decoration،text-overflow،text-shadow،text-transform،white-space،word-spacing