Inne działy

 

 

CSS - właściwość background

 

Właściwość background jest obsługiwana przez wszystkie główne przeglądarki.

Ustawia właściwości tła. Używana jako rodzaj skrótu, zamiast wymieniając każdą właściwość oddzielnie.

Uwaga: IE8 i wcześniejsze nie obsługują wielu obrazów tła na jednym elemencie.

Uwaga: wartość "inherit" nie jest obsługiwana w IE7 i wcześniejszych. IE8 wymaga !DOCTYPE. IE9 obsługuje "inherit" (dziedziczenie).

Definicja i Wykorzystanie

Krótka wersja własności background ustawia wszystkie właściwości tła w jednej deklaracji.

Właściwości, które można ustawić, to: background-color, background-position, background-size, background-repeat, background-origin, background-clip, background-attachment i background-image.

Nie ma znaczenia, jeśli jednej z powyższych wartości brakuje, np. background: #ff0000 url (sowa.gif) jest dozwolone.

 

Wartość domyśna: zobacz indywidualne własności
Dziedziczenie: nie
Wersja: CSS1 + nowe właściwości w CSS3
JavaScript składnia: object.style.background="red url(sowa.gif) top left no-repeat"

 

 Składnia

background: color position size repeat origin clip attachment image;

Przykład

body {
 background: url(images/graphic.jpg) #FFF7B5 30% repeat fixed;
}

 

Przykład

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
body {
background:#947456 url('images/sowa.png') repeat;
}
</style>
</head>
<body>
<h1>Background Przykład</h1>
<p>Jest to przykład właściwości background.</p>
</body>
</html>

 

Przykład

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
body
{
background: #00ff00 url('sowa.gif') no-repeat fixed center;
}
</style>
</head>

<body>
<p>Tu jest dowolny tekst </p>
<p>Tu jest dowolny tekst</p>
<p>Tu jest dowolny tekst</p>
<p>Tu jest dowolny tekst</p>
<p>Tu jest dowolny tekst</p>
<p>Tu jest dowolny tekst</p>
<p>Tu jest dowolny tekst</p>
<p>Tu jest dowolny tekst</p>
<p>Tu jest dowolny tekst</p>
<p>Tu jest dowolny tekst</p>
<p>Tu jest dowolny tekst</p>
<p>Tu jest dowolny tekst</p>
<p>Tu jest dowolny tekst</p>
<p>Tu jest dowolny tekst</p>
<p>Tu jest dowolny tekst</p>
<p>Tu jest dowolny tekst</p>
<p>Tu jest dowolny tekst</p>
<p>Tu jest dowolny tekst</p>
<p>Tu jest dowolny tekst</p>
<p>Tu jest dowolny tekst</p>
<p>Tu jest dowolny tekst</p>
</body>

</html>

 

Zobacz nasze wszystkie kursy

WWW


HTML
HTML - Znaczniki
CSS - Tutorial
CSS - Selektory
PHP
JavaScript

XML

XSLT

Bazy danych


SQL
SQLite
MySQL
PostgreSQL

 

 

Programowanie


C
C++
C#
Java
VisualBasic
Python

Linux


Podstawy Linuxa
Bash
Linuks artykuły

Windows


Excel funkcje
Windows wskazówki
Outlook

Pozotałe działy


Programy
Rozrywka

 

 

 

This email address is being protected from spambots. You need JavaScript enabled to view it.