Background-color: Skillnad mellan sidversioner
Från Webbling
PGJ (diskussion | bidrag) |
PGJ (diskussion | bidrag) |
||
| Rad 28: | Rad 28: | ||
== Exempel == | == Exempel == | ||
Sätt vit bakgrundsfärg: | Sätt vit bakgrundsfärg: | ||
<div class="well well-cyanide-light"> | |||
<syntaxhighlight lang="css"> | <syntaxhighlight lang="css"> | ||
body { | body { | ||
| Rad 33: | Rad 34: | ||
} | } | ||
</syntaxhighlight> | </syntaxhighlight> | ||
</div> | |||
Sätt mörkgrå bakgrundsfärg: | Sätt mörkgrå bakgrundsfärg: | ||
<div class="well well-cyanide-light"> | |||
<syntaxhighlight lang="css"> | <syntaxhighlight lang="css"> | ||
body { | body { | ||
| Rad 40: | Rad 43: | ||
} | } | ||
</syntaxhighlight> | </syntaxhighlight> | ||
</div> | |||
Sätt halvgenomskinlig, röd bakgrundsfärg: | Sätt halvgenomskinlig, röd bakgrundsfärg: | ||
<div class="well well-cyanide-light"> | |||
<syntaxhighlight lang="css"> | <syntaxhighlight lang="css"> | ||
body { | body { | ||
| Rad 47: | Rad 52: | ||
} | } | ||
</syntaxhighlight> | </syntaxhighlight> | ||
</div> | |||
== Egenskapens definition == | == Egenskapens definition == | ||
http://dev.w3.org/csswg/css-backgrounds-3/#background-color | http://dev.w3.org/csswg/css-backgrounds-3/#background-color | ||
Versionen från 13 januari 2019 kl. 21.57
background-color används för att specificera bakgrundsfärg för ett element.
Om du vill lära dig mer om hur man anger färger i CSS kan du gå till sektionen om färg.
Egenskaper
| Parametrar | <färgvärde> | transparent | inherit
|
| Defaultvärde | transparent
|
| Ärvs? | Nej |
| Animerbart? | Ja |
| Fungerar med... | Alla element |
Mer om hur färgvärde definieras kan du se i sektionen om färg.
Defaultvärdet, transparent, betyder alltså att bakgrunden är genomskinligt och att man "ser igenom" och ser innehållet i underliggande element.
inherit innebär att man ärver färgvärdet ifrån sitt föräldraelement.
Exempel
Sätt vit bakgrundsfärg:
body {
background-color: white;
}
Sätt mörkgrå bakgrundsfärg:
body {
background-color: #202020;
}
Sätt halvgenomskinlig, röd bakgrundsfärg:
body {
background-color: rgba(255,0,0,0.5);
}