ویژگی CSS initial-letter

تعریف و استفاده

initial-letter ویژگی تعیین می‌کند اندازه اولین حرف و به طور اختیاری تعداد سطرهایی که اولین حرف باید به پایین بپرد.

این ویژگی برای :first-letter اولین فرزند خطی اولین عنصر مستطیل.

مثال

نمایش اولین حرف‌های با اندازه‌های مختلف:

.normal::first-letter {
  -webkit-initial-letter: normal;
  initial-letter: normal;
}
.two::first-letter {
  -webkit-initial-letter: 2;
  initial-letter: 2; /* اولین حرف 2 سطر را اشغال می‌کند */
}
.four::first-letter {
  -webkit-initial-letter: 4;
  initial-letter: 4; /* اولین حرف 4 سطر را اشغال می‌کند */
}
.four2::first-letter {
  -webkit-initial-letter: 4 2;
  initial-letter: 4 2; /* اولین حرف 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