Właściwość CSS – selektor ::before

Definicja stylu, przeznaczenie i użycie selektora ::before

Pseudoelement, który dodaje przed wybranym elementem HTML dowolną treść.

Użyj właściwości content, aby określić treść do wstawienia.

Użyj selektora ::after, aby wstawić dowolną treść za wybranym elementem HTML.

Wartości właściwości ::before

Składnia CSS – selektor ::before

::before {
css declarations;
}

Wsparcie przeglądarek dla właściwości ::before

Liczba w tabeli określa pierwszą wersję przeglądarki w pełni obsługującą tę właściwość.

Właściwość
::before	4.0	9.0	3.5	3.1	7.0

Przykładowe zastosowania ::before

1. p::before {
content:"*";
}

2. p::before {
content: "Pamiętaj!";
}

3. p::before {
content:"-";
}