Samlingsegenskap - Versionshistorik

PGJ: PGJ flyttade sidan Samlingsegenskaper till Samlingsegenskap utan att lämna en omdirigering: Bättre med singular...

2016-03-20T11:27:46Z

PGJ flyttade sidan Samlingsegenskaper till Samlingsegenskap utan att lämna en omdirigering: Bättre med singular...

← Äldre version	Versionen från 20 mars 2016 kl. 11.27
(Ingen skillnad)

PGJ den 30 november 2014 kl. 14.42

2014-11-30T14:42:07Z

← Äldre version		Versionen från 30 november 2014 kl. 14.42
Rad 1:		Rad 1:
	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.		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. <code>margin</code>. I dessa fall gäller följande regler för hur man anger positioner (vi använder oss av <code>margin</code> som exempelegenskap).		Vissa samlingsegenskaper kan ta flera positionsangivelser, såsom t.ex. <code>margin</code>. I dessa fall gäller följande regler för hur man anger positioner (vi använder oss av <code>margin</code> som exempelegenskap).
	== Alla ==		=== Alla ===
	Följande anger en marginal på <code>1em</code> runt om hela elementet.		Följande anger en marginal på <code>1em</code> runt om hela elementet.
	<syntaxhighlight lang="css">		<syntaxhighlight lang="css">
	margin: 1em;		margin: 1em;
	</syntaxhighlight>		</syntaxhighlight>
	== topp/botten och höger/vänster ==		=== topp/botten och höger/vänster ===
	Följande anger en topp-/bottenmarginal på <code>1em</em> och en vänster-/högermarginal på <code>2em</code>.		Följande anger en topp-/bottenmarginal på <code>1em</em> och en vänster-/högermarginal på <code>2em</code>.
	<syntaxhighlight lang="css">		<syntaxhighlight lang="css">
Rad 18:		Rad 18:
	</syntaxhighlight>		</syntaxhighlight>
	Ovanstående sätter marginalen till <code>auto</code> 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, <code>width</code>).		Ovanstående sätter marginalen till <code>auto</code> 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, <code>width</code>).
	== Varje sida var för sig ==		=== Varje sida, var för sig ===
	Följande sätter; toppmarginalen till <code>1em</code>, högermarginalen till <code>2em</code>, bottenmarginalen till <code>3em</code> och vänstermarginalen till <code>4em</code>		Följande sätter; toppmarginalen till <code>1em</code>, högermarginalen till <code>2em</code>, bottenmarginalen till <code>3em</code> och vänstermarginalen till <code>4em</code>
	<syntaxhighlight lang="css">		<syntaxhighlight lang="css">
	margin: 1em 2em 3em 4em;		margin: 1em 2em 3em 4em;
	</syntaxhighlight>		</syntaxhighlight>

PGJ den 30 november 2014 kl. 14.41

2014-11-30T14:41:21Z

← Äldre version		Versionen från 30 november 2014 kl. 14.41
Rad 1:		Rad 1:
	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.		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.

			Vissa samlingsegenskaper kan ta flera positionsangivelser, såsom t.ex. <code>margin</code>. I dessa fall gäller följande regler för hur man anger positioner (vi använder oss av <code>margin</code> som exempelegenskap).
			== Alla ==
			Följande anger en marginal på <code>1em</code> runt om hela elementet.
			<syntaxhighlight lang="css">
			margin: 1em;
			</syntaxhighlight>
			== topp/botten och höger/vänster ==
			Följande anger en topp-/bottenmarginal på <code>1em</em> och en vänster-/högermarginal på <code>2em</code>.
			<syntaxhighlight lang="css">
			margin: 1em 2em;
			</syntaxhighlight>

			Detta används ofta för att centrera saker, t.ex. genom:
			<syntaxhighlight lang="css">
			margin: 1em auto;
			</syntaxhighlight>
			Ovanstående sätter marginalen till <code>auto</code> 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, <code>width</code>).
			== Varje sida var för sig ==
			Följande sätter; toppmarginalen till <code>1em</code>, högermarginalen till <code>2em</code>, bottenmarginalen till <code>3em</code> och vänstermarginalen till <code>4em</code>
			<syntaxhighlight lang="css">
			margin: 1em 2em 3em 4em;
			</syntaxhighlight>

PGJ: Skapade sidan med '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 ...'

2014-11-30T12:11:09Z

Skapade sidan med '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 ...'

Ny sida

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.