Псевдоэлемент ::before

Обновлено: 31.05.2022

Псевдоэлемент ::before

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

По умолчанию ::before создаёт строчный элемент.

Синтаксис

Селектор::before { content: "текст" }

Пример

Примечание

В CSS3 псевдоэлементы стали обозначаться двумя двоеточиями, чтобы синтаксис отличался от псевдоклассов. В CSS2 они обозначаются одним двоеточием. Браузеры, как правило, понимают оба синтаксиса.

Браузеры

before

Посмотреть совместимость на Can I use?

before