Inne działy

 

 

CSS - właściwość Background-Color

 

Ustawia kolor tła dla elementu. Rozciąga się na cały element, ale bez marginesów.

Definicja i Wykorzystanie

Tło elementu jest to całkowity rozmiar elementu, w tym padding i border (ale nie margines).

 

Wartość domyślna: transparent
Dziedziczenie: nie
Wersja: CSS1
JavaScript składnia: object.style.backgroundColor="#00FF00"

 

Background-color jest obsługiwany przez wszystkie główne przeglądarki.

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

Porady i Wskazówki

Wskazówka: Używaj koloru tła i koloru tekstu, tak aby tekst był łatwy do odczytania.

Wartości właściwości

 

WartośćOpis
color Określa kolor tła. 
transparent Określa, że kolor tła powinny być przezroczysty. Jest to ustawienie domyślne
inherit Określa, że kolor tła powinien być dziedziczony z elementu nadrzędnego

 

Przykład

h1 {background-color: #9C9A9C;}

 

Przykład

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.background {
border:1px solid #000;
background-color:yellow;
}
</style>
</head>
<body>
<h1>Background-Color Przykład</h1>
<div class="background"><p>To jest przykład background-color, tło tego elementu jest żółte.</p></div>
</body>
</html>

 

Przykład

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
body
{
background-color:yellow;
}
h1
{
background-color:#00ff00;
}
p
{
background-color:rgb(255,0,255);
}
</style>
</head>

<body>
<h1>To jest nagłówek 1</h1>
<p>To jest paragraf.</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.