after

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

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

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

Синтаксис

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