Background-color: Skillnad mellan sidversioner

Från Webbling
Hoppa till: navigering, sök
 
Rad 27: Rad 27:


== Exempel ==
== Exempel ==
Sätt vit bakgrundsfärg:
<codepen pen="qgqYQb" tab="html,result" height="300">
<div class="well well-cyanide-light">
</codepen>
<syntaxhighlight lang="css">
body {
  background-color: white;
}
</syntaxhighlight>
</div>
 
Sätt mörkgrå bakgrundsfärg:
<div class="well well-cyanide-light">
<syntaxhighlight lang="css">
body {
  background-color: #202020;
}
</syntaxhighlight>
</div>
 
Sätt halvgenomskinlig, röd bakgrundsfärg:
<div class="well well-cyanide-light">
<syntaxhighlight lang="css">
body {
  background-color: rgba(255,0,0,0.5);
}
</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

Nuvarande version från 30 januari 2019 kl. 16.11

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

See the Pen qgqYQb by Patrik Grip-Jansson (@PGJ) on CodePen.

Egenskapens definition

http://dev.w3.org/csswg/css-backgrounds-3/#background-color