Spis alfabetyczny stylów CSS.
Właściwość content jest używana z pseudoelementami ::before i ::after do wstawiania wygenerowanej treści.
Wartość | Opis |
normal | Domyślna wartość. Zawartość elementu HTML jest pozbawiona jakiejkolwiek dodatkowej treści. |
none | Dodatkowa treść nie zostanie wyświetlona. |
counter | Przy pomocy właściwości content oraz funkcji counter() sprawimy, że do zawartości interesującego nas elementu HTML może zostać dodana dodatkowa treść w postaci wartości posiadanej przez wskazany przez nas licznik. |
attr(attribute) | Ustawia zawartość jako jeden z atrybutów selektora. |
string | Ustawia zawartość na określony tekst. |
open-quote | Ustawia treść jako cudzysłów otwierający. |
close-quote | Ustawia treść jako zamykający cudzysłów. |
no-open-quote | Usuwa cudzysłów otwierający z treści, jeśli został określony. |
no-close-quote | Usuwa zamykający cudzysłów z treści, jeśli został określony. |
url(url) | Ustawia zawartość jako rodzaj multimediów (obraz, dźwięk, wideo itp.). |
initial | Ustawia tę właściwość na jej wartość domyślną. |
inherit | Dziedziczy tę właściwość z elementu nadrzędnego. |
content: normal | none | counter | attr | string | open-quote | close-quote | no-open-quote | no-close-quote | url | initial | inherit;
Liczba w tabeli określa pierwszą wersję przeglądarki w pełni obsługującą tę właściwość.
Właściwość | ![]() |
![]() |
![]() |
![]() |
![]() |
content | 1.0 23.0 -webkit- |
8.0 | 1.0 | 1.0 | 4.0 |
1. li::before {
content: "•";
padding-right: 8px;
color: blue;
}
Wstawia zawartość przed elementem HTML li, która wygląda jak punktor.
2. div::after {
content: url(https://tworzenie-stron-www-wroclaw.pl/media/mod_languages/images/pl_pl.gif);
}
Wstawia obrazek na końcu treści (zawartości) elementu HTML div.
3. div::before {
content:counter(licznik-1) ' - ';
counter-increment:licznik-1;
color:blue;
}
Efekt:
1. Przykładowy element "div"
2. Przykładowy element "div"
3. Przykładowy element "div"
Opinie umieszczone w Google są niezależne. Nie ma możliwości ich usunięcia, czy też zmiany treści. Można na nie jedynie odpowiedzieć. Są one wiarygodne, gdyż nie można nimi manipulować.
Opinie umieszczone w Google są niezależne. Nie ma możliwości ich usunięcia, czy też zmiany treści. Można na nie jedynie odpowiedzieć. Są one wiarygodne, gdyż nie można nimi manipulować.
Tworzenie stron Warszawa, Wrocław i Legnica | Teksty SEO pozycjonujące strony | Grafika na strony internetowe | Mapa strony | Polityka prywatności
Marynarska 54, 59-220 Legnica,, dolnośląskie, Polska,
tel.: +48 780 060 995,
pon. - czw. 8:00 - 16:00