Właściwości tła

background-color

image repeat position attachment

Właściwość background-color ustala kolor tła. Przyjmuje ona wartośći słowne (np. "blue", "red") oraz (np. rgb(255, 0, 0)) lub w systemie szesnastkowym (#FF3CFF)

background-image

color repeat position attachment

Właściwość background-image pozwala ustawić obrazek, który będzie tłem. Może być to tło zarówno całego body jak i np. paragrafu. Domyślnie ustawiony obrazek będzie się powtarzał, wypełniając całą przestrzeń. Na poniższym przykładzie widać tło paragrafu.

background-repeat

color image position attachment

Właściwość background-repeat pozwala dostosować powtarzanie się obrazka w tle. Domyślnie obraz wypełnia całą przestrzeń, jednak za pomocą background-repeat można to zmieniń. Wartość repeat-y spowoduje powtarzanie obrazka tylko w poziomie, repeat-x w pionie, a no-repeat - brak powtarzania. Widać to na poniższym przykładzie.

background-position

color image repeat attachment

Właściwość background-position ustala pozycję obrazka w tle. Przyjmuje ona wartości słowne np.(left top, right center, right bottom, center bottom), wartości procentowe (np. 30% 50%, 25% 75%), gdzie pierwsza wartość to poziom, a druga to pion. Wartości mogą być też podane za pomocą jednostek CSSa (np. 200px 2in), gdzie ponownie pierwsza wartość jest pozioma, a druga pionowa.

background-attachment

color image repeat position

Właściwość background-attachment pozwala ustalić jak obraz tła zachowuje podczas przewijania na stronie. Może on stać w miejscu lub przesuwać się podczas przewijania. Przyjmuje własności scroll (domyślna - obrazek tła będzie się przewijał razem ze stroną) oraz fixed (obrazek zostaje w tym samym miejscu).