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

دليل مرجعي لـ CSS

قواعد @ في CSS

مجملة خصائص CSS

استخدام خاصية letter-spacing في CSS و أمثلة

خصائص letter-spacing CSS لتحديد المسافة الإضافية بين الأحرف في نص العنصر.

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

القيمة الافتراضية:normal
تطبيق على:جميع العناصر. يطبق أيضًا على:: first-letterو:: first-line.
الوراثة:نعم
يمكن الرسوم المتحركة:نعم.يرجى الرجوع إلى: خصائص الرسوم المتحركة.
الإصدار:CSS 1،2،3
جملة JavaScript:مفهوم.style.letterSpacing="5px"

جملة استخدام letter-spacing

جملة هذه الخاصية هي:

letter-spacing: length | normal | initial | inherit

في المثال أدناه، يتم عرض كيفية استخدام خاصية letter-spacing.

  h1 {
   letter-spacing: -3px;
  }
  p {
   letter-spacing: 15px;
  }
الاختبار‹/›

ملاحظة:لخصائص letter-spacing، القيمة الطبيعية ليست تساوي طول 0. إذا كانت القيمة طبيعية، يمكن للمتصفح تعديل المساحة لتقارب النص؛ إذا كانت القيمة 0، فإنها لا يمكن.

قيمة الخاصية

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

القيمةالوصف
normalالمسافة هي مسافة النص الطبيعية للخط. يمكن للمتصفح تعديل هذا المساحة لتقارب النص. هذا هو القيمة الافتراضية.
lengthقيمة الطول تحدد المسافة الإضافية بين الأحرف باستثناء المسافات بين الأحرف الافتراضية. قد لا يستطيع المتصفح تعديل هذا المساحة لتقارب النص.
initialإعداد هذه الخاصية إلى قيمتها الافتراضية.
inheritإذا تم تحديد هذا، فإن العناصر المرتبطة تستخدم قيمة الخاصية letter-spacing للعنصر الأب.

توافق المتصفح

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

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 3.5+

قراءة المزيد

يرجى الرجوع إلى التعليمات التالية:CSS Text.

خصائص ذات صلة:white-space،word-spacing.