Samlingsegenskaper: Skillnad mellan sidversioner
Från Webbling
PGJ (diskussion | bidrag) (Skapade sidan med 'Samlingsegenskaper är CSS-egenskaper som sätter flera egenskaper samtidigt. I de flesta fall finns det individuella egenskaper som kan åstadkomma det samma som samlingsegen...') |
PGJ (diskussion | bidrag) Ingen redigeringssammanfattning |
||
| Rad 1: | Rad 1: | ||
Samlingsegenskaper är CSS-egenskaper som | Samlingsegenskaper är CSS-egenskaper som används för att ange flera egenskaper samtidigt. I de flesta fall finns det individuella egenskaper som tillsammans kan åstadkomma det samma som samlingsegenskapen. Det är dock oftast mycket effektivare och kompaktare att använda sig av samlingsegenskaperna. | ||
== Exempel == | |||
Ett exempel på en samlingsegenskap är <code>margin</code>, med den kan man sätta värden för alla marginaler samtidigt. Vill man sätta dem individuellt kan man istället använda sig av den egenskap som gäller för den sida man vill ändra, t.ex. <code>margin-left</code>. Dock ser det förstås mycket bättre ut att skriva: | |||
<div class="well well-cyanide-light"> | |||
<syntaxhighlight lang="css"> | |||
margin: 1em; | |||
</syntaxhighlight> | |||
</div> | |||
än: | |||
<div class="well well-cyanide-light"> | |||
<syntaxhighlight lang="css"> | |||
margin-top: 1em; | |||
margin-right: 1em; | |||
margin-bottom: 1em; | |||
margin-left: 1em; | |||
</syntaxhighlight> | |||
</div> | |||
Nuvarande version från 3 september 2020 kl. 11.39
Samlingsegenskaper är CSS-egenskaper som används för att ange flera egenskaper samtidigt. I de flesta fall finns det individuella egenskaper som tillsammans kan åstadkomma det samma som samlingsegenskapen. Det är dock oftast mycket effektivare och kompaktare att använda sig av samlingsegenskaperna.
Exempel
Ett exempel på en samlingsegenskap är margin, med den kan man sätta värden för alla marginaler samtidigt. Vill man sätta dem individuellt kan man istället använda sig av den egenskap som gäller för den sida man vill ändra, t.ex. margin-left. Dock ser det förstås mycket bättre ut att skriva:
margin: 1em;
än:
margin-top: 1em;
margin-right: 1em;
margin-bottom: 1em;
margin-left: 1em;