CSS selector p::before

Селектор ::before додає що-небудь перед контентом вказаного елемента(-ів).

правити

Нотатка

Використовуйте властивість content для визначення вмісту, що буде додано.

автор: NagarD правити

Нотатка

Щоб додати текст в кінці змісту елемента, використовуйте селектор ::after.

автор: NagarD правити

+ додати пораду чи нотатку

Синтаксис

::before {


    css declarations;


}

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
before	4	3.5	3.1	7	9

Мобільних переглядачів ще не додано.

Приклади

+ запропонувати свій приклад у пісочниці

<p>перший абзац</p>
<p>другий абзац</p>

p::before {
    content: "Прочитай це: ";
}

<p>перший абзац</p>
<p>другий абзац</p>

p::before {
    content: "Прочитай це — ";
    background-color: yellow;
    color: red;
    font-weight: bold;
}