PGJ: /* Exempel */

2019-01-30T13:54:28Z

Exempel

← Äldre version		Versionen från 30 januari 2019 kl. 13.54
Rad 34:		Rad 34:

	== Exempel ==		== Exempel ==
	<codepen pen="WvVBjE" height="~~600~~" tab="css,result">		<codepen pen="WvVBjE" height="700" tab="css,result">
	</codepen>		</codepen>

	== Egenskapens definition ==		== Egenskapens definition ==
	http://www.w3.org/TR/CSS2/box.html#propdef-padding		http://www.w3.org/TR/CSS2/box.html#propdef-padding

PGJ: /* Exempel */

2019-01-30T13:54:19Z

Exempel

← Äldre version		Versionen från 30 januari 2019 kl. 13.54
Rad 34:		Rad 34:

	== Exempel ==		== Exempel ==
	<codepen pen="WvVBjE" height="~~200~~" tab="css">		<codepen pen="WvVBjE" height="600" tab="css,result">
	</codepen>		</codepen>

	== Egenskapens definition ==		== Egenskapens definition ==
	http://www.w3.org/TR/CSS2/box.html#propdef-padding		http://www.w3.org/TR/CSS2/box.html#propdef-padding

PGJ: Skapade sidan med 'Används för att sätta bredden på ett elements yttermarginal eller `margin`. Det vill säga avståndet mellan två element (se boxmodellen för mer info)...'

2015-08-26T09:43:58Z

Skapade sidan med 'Används för att sätta bredden på ett elements yttermarginal eller <code>margin</code>. Det vill säga avståndet mellan två element (se boxmodellen för mer info)...'

Ny sida

Används för att sätta bredden på ett elements yttermarginal eller <code>[[margin]]</code>. Det vill säga avståndet mellan två element (se [[boxmodellen]] för mer info). Bredden kan anges med hjälp av alla [[Måttenheter_i_CSS|CSS-måttenheter]].

Detta är en samlingsegenskap och man kan ange mellan ett eller fyra värden för att sätta olika marginal på olika sidor.

Om man anger ett värde, kommer det att gälla för marginalen på alla sidor.

Om man anger två värden; Det första gäller för marginalen på topp- och botten, medan det andra värdet gäller för marginalen på höger och vänster sida.

Om man anger tre värden; Det första att ange marginalen på toppen. Det andra på höger- och vänster sida. Det tredje gäller för botten.

Om man anger fyra värden; Det första anger marginalen på toppen. Det andra på höger sida. Det tredje på botten. Det fjärde på vänster sida.

Marginaler kan i vissa fall bete sig på ett krångligt vis. Man brukar säga att de kan falla samman. Vilket innebär att i vissa fall kommer webbläsaren att ersätta det värde du satt med ett annat. Detta gäller främst när objekt som har marginal ligger bredvid varandra. I det enklaste fallet, kommer webbläsaren helt enkelt att välja ut den marginal som är störst ifrån två angränsande block och sätta den andra marginalen till noll. Om ett av elementen har en negativ marginal och en har en positiv, kommer webbläsaren att lägga samman de båda marginalerna. Om ''bägge'' elementen har negativ marginal, väljer webbläsaren ut det lägsta värdet. Se [[sammanfallande marginaler]] för mer info.

== Egenskaper ==
{| class="wikitable"
| Parametrar
| <''breddvärde''> | <code>inherit</code>
|-
| Defaultvärde
|
|-
| Ärvs?
| Nej
|-
| Animerbart?
| Ja
|-
| Fungerar med...
| Alla element
|}

''breddvärdet'' anger hur mycket marginal som ska vara mellan två element. Värdet kan anges med hjälp av alla [[Måttenheter_i_CSS|CSS-måttenheter]].

== Exempel ==
<codepen pen="WvVBjE" height="200" tab="css">
</codepen>

== Egenskapens definition ==
http://www.w3.org/TR/CSS2/box.html#propdef-padding

Margin - Versionshistorik

PGJ: /* Exempel */

PGJ: /* Exempel */

PGJ: Skapade sidan med 'Används för att sätta bredden på ett elements yttermarginal eller margin. Det vill säga avståndet mellan två element (se boxmodellen för mer info)...'

PGJ: Skapade sidan med 'Används för att sätta bredden på ett elements yttermarginal eller `margin`. Det vill säga avståndet mellan två element (se boxmodellen för mer info)...'