Style CSS

Spis alfabetyczny stylów CSS.

Ściąga CSS - przykłady, style CSS alfabetycznie, spis stylów CSS, właściwości CSS, skorowidz stylów CSS.


 

Właściwość CSS content

Definicja stylu, przeznaczenie i użycie content

Właściwość content jest używana z pseudoelementami ::before i ::after do wstawiania wygenerowanej treści.

Wartości właściwości content

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.

Składnia CSS content

content: normal | none | counter | attr | string | open-quote | close-quote | no-open-quote | no-close-quote | url | initial | inherit;

Wsparcie przeglądarek dla właściwości content

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

Właściwość chrome edge firefox safari opera
content 1.0
23.0 -webkit-
8.0 1.0 1.0 4.0

Przykładowe zastosowania właściwości content

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"

 

 

100% pozytywnych opinii w Google – 15 lat doświadczenia przy tworzeniu stron

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ć.

 

 

 

100% pozytywnych opinii w Google – 15 lat doświadczenia przy tworzeniu stron

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ć.

 

 

 

Obszar działalności – tworzenie stron internetowych w miastach:

Obszar działalności
Tworzenie stron internetowych w miastach:

Witold Czuba Tworzenie stron Warszawa, Wrocław i Legnica | Teksty SEO pozycjonujące strony | Grafika na strony internetowe | Mapa strony | Polityka prywatności
Adres:, Marynarska 54, 59-220, Legnica, dolnośląskie, Polska, tel.: +48 780 060 995, pon. - czw. 8:00 - 16:00

 

Witold Czuba

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