Kolor i tło
color
Wartość | color | inherit |
Wartość początkowa | zależy od użytego programu |
Używany z | wszystkie elementy |
Dziedziczenie | tak |
Własność używana do ustalania koloru tekstu; może być definiowana w dwojaki sposób:
color: colourname
color: rgb(red,green,blue
) /* red, green, blue są liczbami całkowitymi w przedziale 0-255 */
Zobacz stronę z terminologią, gdzie jest lista wartości dla colourname
.
background-color
Wartość | color | transparent | inherit |
Wartość początkowa | transparent
|
Używany z | wszystkie elementy
|
Dziedziczenie | nie, ale ponieważ domyślnie jest transparent, kolor w tle będzie widoczny |
Przykład | H1 {background-color : rgb(70%,70%,0%) } |
background-image
Wartość | url | none | inherit |
Wartość początkowa | none
|
Używany z | wszystkie elementy
|
Dziedziczenie | nie |
Przykład | BODY { background-image: url(picture.gif ) } |
Własność zamienia kolor tła na obrazek.
background-repeat
Wartość | repeat | repeat-x | repeat-y | no-repeat | inherit |
Wartość początkowa | repeat |
Używany z | wszystkie elementy
|
Dziedziczenie | nie |
Przykład | background-repeat: repeat-y; /* powtarza tło w pionie */ |
background-attachment
Wartość | scroll | fixed | inherit |
Wartość początkowa | scroll
|
Używany z | wszystkie elementy |
Dziedziczenie | nie |
Określa, czy tło przewija się razem ze stroną, czy też pełni rolę "znaku wodnego".
BODY
{
background-image: url(imagefilename
);
background-attachment: fixed;
}
background-position
Wartość : or : | [top | center | bottom ] [left | center | right ] |
[percentage | length ] [percentage | length ] |
Wartość początkowa | 0% 0% |
Używany z | elementy blokowe |
Dziedziczenie | nie |
Wartości procentowe | procentowa wartość poprzez element, przy czym 0% dotyczy lewego lub górnego brzegu. |
Przykład | background-position: 0% 2cm;
background-position: 100%;
background-position: 100% 100%;
|
Jeśli podana jest tylko jedna wartość procentowa lub długość, ustalona jest pozycja pozioma, a pionowa jest przyjmowana jako 50%. Dozwolone są kombinacje długości i wartości procentowych, np.
'50% 2cm'. Dozwolone są wartości ujemne.
Jeśli obrazek tła jest umiejscowiony na stałe, położenie jest względne w stosunku do ekranu, a nie elementu.
background
Wartość | background-color || background-image || background-repeat || background-attachment || background-position |
Używany z | wszystkie elementy
|
Dziedziczenie | nie |
Przykład |
P{ background: url(picture.gif) white 20% repeat fixed} |