CSS ::first-letter дублирующий элемент

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

CSS ::first-letter Дублирующие элементы используются для установки стиля первой буквы блочного элемента.

Примечание:Следующие свойства могут использоваться с ::first-letter Использование вместе:

• Все свойства шрифта
• Все свойства фона
• Все свойства внешнего отступа
• Все свойства внутреннего отступа
• Все свойства рамки
• color
• text-decoration
• text-shadow
• letter-spacing
• word-spacing
• text-transform
• text-decoration-color
• text-decoration-line
• text-decoration-style
• box-shadow
• vertical-align (только когда float equals none)
• line-height
• float

Пример

Выберите и установите стиль первой буквы каждого элемента <p>:

p::first-letter {
  font-size: 200%;
  font-weight: bold;
  color: #8A2BE2;
}

Попробуйте сами

CSS грамматика

::first-letter {
  css declarations;
}

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

Поддержка браузерами

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

См. также

Учебник:CSS дублирующие элементы