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

Оновлено: 13.01.2023

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

Псевдоелемент ::before застосовується для відображення контенту до вмісту елемента, до якого він додається. Працює спільно з властивістю content.

За замовчуванням ::before створює рядковий елемент.

Синтаксис

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

Приклад

Примітка

У CSS3 псевдоелементи стали позначатися двома двокрапками, щоб синтаксис відрізнявся від псевдокласів. У CSS2 вони позначаються однією двокрапкою. Браузери, як правило, розуміють обидва синтаксиси.

Браузери

before

Переглянути сумісність з Can I use?

before