config

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.


 

Strona w trakcie modernizacji

Zapraszamy wkrótce

Właściwość CSS background

Definicja stylu, przeznaczenie i użycie background

Styl definiuje właściwości tła. Ustawia różne właściwości tła w jednej deklaracji.

Właściwość background jest skróconą właściwością dla: background-color, background-image, background-position, background-size, background-repeat, background-origin, background-clip, background-attachment.

Wartości właściwości background

Wartość Opis
background-color Określa użyty kolor tła.
background-image Definiuje jeden lub kilka adresów tła graficznego.
background-position Określa położenie obrazów tła.
background-size Styl określa rozmiar obrazów tła.
background-repeat Określa sposób powtarzania obrazów tła.
background-origin Określa obszar pozycjonowania obrazów tła.
background-clip Określa obszar przycięcia tła.
background-attachment Styl określa, czy obraz tła przewija się wraz z resztą strony, czy też nie (fixed).
initial Ustawia tę właściwość na jej wartość domyślną.
inherit Dziedziczy tę właściwość z elementu nadrzędnego.

Składnia CSS background

background: bg-color bg-image position / bg-size bg-repeat bg-origin bg-clip bg-attachment initial | inherit;

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

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
background 1.0 4.0 1.0 1.0 3.5

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

background: #e5e5e5 url("obraz.jng") no-repeat right top;

background: #ffff55 url("obraz.png") no-repeat left bottom;

background: red url(obraz.png) right top fixed

background: green url(obraz.png) 10% 20% 25% 50% no-repeat fixed;

background: #ffffff url('obraz.jpg') repeat;

background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,54,121,1) 35%, rgba(0,212,255,1) 100%);

 

Witold Czuba Tworzenie stron Warszawa, Wrocław i Legnica | Grafik | Strony , , Marynarska 54, 59-220, Legnica, dolnośląskie, Polska, tel. +48 780 060 995, Pon. - pt. 8:00 - 17:00

 

 

Witold Czuba

Tworzenie stron Warszawa, Wrocław i Legnica | Grafik | Strony

Marynarska 54
59-220, Legnica,
dolnośląskie, Polska,
tel. +48 780 060 995,
Pon. - pt. 8:00 - 17:00