Samlingsegenskap

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

I vissa fall det det finns många CSS-egenskaper som hör samman, har man skapat samlingsegenskaper. Detta är en CSS-egenskap där man kan ange flera CSS-egenskaper i en och samma egenskap. Detta gör CSS-reglerna mer koncisa och snabbare att skriva.

Positionsangivelser

Vissa samlingsegenskaper kan ta flera positionsangivelser, såsom t.ex. margin. I dessa fall gäller följande regler för hur man anger positioner (vi använder oss av margin som exempelegenskap).

Alla

Följande anger en marginal på 1em runt om hela elementet.

margin: 1em;

topp/botten och höger/vänster

Följande anger en topp-/bottenmarginal på 1em och en vänster-/högermarginal på 2em.

margin: 1em 2em;

Detta används ofta för att centrera saker, t.ex. genom:

margin: 1em auto;

Ovanstående sätter marginalen till auto på höger-/vänstersida. Detta kommer att innebära att innehållet centreras i förhållande till föräldraelementet (sker enbart om innehållet även har en bredd satt, width).

Varje sida, var för sig

Följande sätter; toppmarginalen till 1em, högermarginalen till 2em, bottenmarginalen till 3em och vänstermarginalen till 4em

margin: 1em 2em 3em 4em;