Background-color: Skillnad mellan sidversioner

Från Webbling
Hoppa till: navigering, sök
Ingen redigeringssammanfattning
 
(3 mellanliggande sidversioner av samma användare visas inte)
Rad 20: Rad 20:
| Alla element
| Alla element
|}
|}
== Exempel ==
Mer om hur ''färgvärde'' definieras kan du se i sektionen om [[färg]].
Sätt vit bakgrundsfärg:
 
<syntaxhighlight lang="css">
Defaultvärdet, <code>transparent</code>, betyder alltså att bakgrunden är genomskinligt och att man "ser igenom" och ser innehållet i underliggande element.
body {
  background-color: white;
}
</syntaxhighlight>


Sätt mörkgrå bakgrundsfärg:
<code>inherit</code> innebär att man ärver färgvärdet ifrån sitt föräldraelement.
<syntaxhighlight lang="css">
body {
  background-color: #202020;
}
</syntaxhighlight>


Sätt halvgenomskinlig, röd bakgrundsfärg:
== Exempel ==
<syntaxhighlight lang="css">
<codepen pen="qgqYQb" tab="html,result" height="300">
body {
</codepen>
  background-color: rgba(255,0,0,0.5);
}
</syntaxhighlight>


== Egenskapens definition i CSS Backgrounds and Borders Module Level 3 ==
== 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