before

Псевдоэлемент before применяется для отображения желаемого контента до элемента, к которому он добавляется. Псевдоэлемент before работает совместно с атрибутом content.

Для before характерны следующие особенности.

  1. При добавлении before к блочному элементу, значение свойства display может быть только: block, inline, none, marker. Все остальные значения будут трактоваться как block.
  2. При добавлении before к встроенному элементу, значение display ограничено аргументами inline и none. Все остальное будет восприниматься как inline.
  3. Стилевые свойства before наследуются от элемента, к которому он добавляется.

Синтаксис

Элемент:before { content: "текст" }