Атрибут CSS initial-letter

Определение и использование

initial-letter Атрибут указывает размер первой литеры и optionally количество строк, на которое литера опускается (в тексте向下).

Этот атрибут применяется к :first-letter Псевдоэлемент и первый вlined-элемент блочного контейнера.

Пример

Показать литеры различного размера:

.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;

Значение атрибута

Технические детали

Поддержка браузеров

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.

Префикс -webkit- после числа указывает на первую работающую версию с префиксом.