خصائص initial-letter CSS

التعريف والاستخدام

initial-letter تحديد حجم الأحرف الأولى، واختيارياً عدد السطور التي يجب أن تنزل منها الأحرف الأولى (في اتجاه أسفل النص).

تطبيق هذه الخاصية على :first-letter الاولى من العناصر اللامنهجية والصناديق المدمجة.

مثال

عرض أحرف كبيرة من حجم مختلف:

.normal::first-letter {
  -webkit-initial-letter: normal;
  initial-letter: normal;
}
.two::first-letter {
  -webkit-initial-letter: 2;
  initial-letter: 2; /* تشغيل الأحرف الأولى لسطرين */
}
.four::first-letter {
  -webkit-initial-letter: 4;
  initial-letter: 4; /* تشغيل الأحرف الأولى لأربعة سطور */
}
.four2::first-letter {
  -webkit-initial-letter: 4 2;
  initial-letter: 4 2; /* تشغيل الأحرف الأولى لأربعة سطور وتنزيلها لثلاثة سطور */
}

جرب بنفسك

اللغة السلسلة لـ CSS

initial-letter: normal|number|integer;

قيمة الخاصية

القيمة الوصف
normal القيمة الافتراضية. لا يؤثر. النص يظهر بشكل طبيعي.
number يحدد حجم الأحرف الأولى (عدد السطور التي يجب أن تمر الأحرف الأولى عبرها).
integer اختياري. يحدد عدد السطور التي يجب أن تنزل منها الأحرف الأولى (في النص).

تفاصيل التقنية

القيمة الافتراضية: normal
الوراثة: لا
صنع الرسوم المتحركة: غير مدعوم. انظر إلى:خصائص متعلقة بالرسوم المتحركة.
الإصدار: CSS3

دعم المتصفح

تعين الأرقام في الجدول الإصدار الأول من المتصفح الذي يدعم هذه الخاصية بالكامل.

يحدد -webkit- الذي يتبع الرقم الأول العملية الأولى التي يدعمها.

Chrome Edge Firefox Safari Opera
110.0 110.0 غير مدعوم 9.0 -webkit- 96.0