Top - Versionshistorik

PGJ: /* Egenskaper */

2019-02-20T08:40:07Z

Egenskaper

← Äldre version		Versionen från 20 februari 2019 kl. 08.40
Rad 25:		Rad 25:
	\|}		\|}

	Parametern ''längdmått'' kan vara angiven i vilken som helst av alla de tillgängliga [[måttenheter_i_CSS \| CSS-måttenheter]]. Om man använder procent, utgår webbläsaren ifrån ''höjden" på det första föräldraelement som har en höjd satt.		Parametern ''längdmått'' kan vara angiven i vilken som helst av alla de tillgängliga [[måttenheter_i_CSS \| CSS-måttenheter]]. Om man använder procent, utgår webbläsaren ifrån ''höjden'' på det första föräldraelement som har en höjd satt.

	== Exempel ==		== Exempel ==

PGJ: /* Egenskaper */

2019-02-20T08:39:35Z

Egenskaper

← Äldre version		Versionen från 20 februari 2019 kl. 08.39
Rad 25:		Rad 25:
	\|}		\|}

	Parametern ''längdmått'' kan vara angiven i vilken som helst av alla de tillgängliga [[måttenheter_i_CSS \| CSS-måttenheter]]. Om man använder procent, utgår webbläsaren ifrån ''höjden'' på ~~''föräldraelementet''~~.		Parametern ''längdmått'' kan vara angiven i vilken som helst av alla de tillgängliga [[måttenheter_i_CSS \| CSS-måttenheter]]. Om man använder procent, utgår webbläsaren ifrån ''höjden" på det första föräldraelement som har en höjd satt.

	== Exempel ==		== Exempel ==

PGJ: /* Egenskaper */

2019-02-20T08:38:46Z

Egenskaper

← Äldre version		Versionen från 20 februari 2019 kl. 08.38
Rad 25:		Rad 25:
	\|}		\|}

	Parametern ''längdmått'' kan vara angiven i vilken som helst av alla de tillgängliga [[måttenheter_i_CSS \| CSS-måttenheter]]. Om man använder procent, utgår webbläsaren ifrån ''höjden'' på ''föräldraelementet''!		Parametern ''längdmått'' kan vara angiven i vilken som helst av alla de tillgängliga [[måttenheter_i_CSS \| CSS-måttenheter]]. Om man använder procent, utgår webbläsaren ifrån ''höjden'' på ''föräldraelementet''.

	== Exempel ==		== Exempel ==

PGJ: /* Exempel */

2019-01-13T20:04:50Z

Exempel

← Äldre version		Versionen från 13 januari 2019 kl. 20.04
Rad 28:		Rad 28:

	== Exempel ==		== Exempel ==
	<codepen pen="mJZjWL" height="400" tab="css">		<codepen pen="mJZjWL" height="400" tab="css,result">
	</codepen>		</codepen>

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

PGJ: Skapade sidan med '`top` används för att positionera element och anger positionen på toppens yttersta marginalkant. Beroende på vilken typ av positionering som gäller för elemen...'

2015-08-21T12:27:16Z

Skapade sidan med '<code>top</code> används för att positionera element och anger positionen på toppens yttersta marginalkant. Beroende på vilken typ av positionering som gäller för elemen...'

Ny sida

<code>top</code> används för att positionera element och anger positionen på toppens yttersta marginalkant. Beroende på vilken typ av positionering som gäller för elementet, fungerar <code>top</code> lite olika (för mer info om positionering gå till [[positionering]]).

För <code>absolute</code>-positionering anger <code>top</code> hur långt det ska vara mellan nuvarande elements toppkant och föräldraelementets toppkant. Det går att ange ett negativt värde och då hamnar elementet till ovanför föräldraelementet.

Vid <code>fixed</code>-positionering fungerar <code>top</code> i stort sett som ovanstående, men istället för att vara relativt till föräldraelementet, sker positioneringen i relation till webbläsarfönstret. Lägg märke till att <code>fixed</code> inte fungerar på alla typer av enheter.

Vid <code>relative</code>-positionering anger <code>top</code> utgår webbläsaren ifrån den position där element egentligen skulle hamnat (om ingen positionering gällt) och förflyttar elementet relativt till denna position.

== Egenskaper ==
{| class="wikitable"
| Parametrar
| <''längdmått''> | <code>auto</code> | <code>inherit</code>
|-
| Defaultvärde
| <code>auto</code>
|-
| Ärvs?
| Nej
|-
| Animerbart?
| Ja
|-
| Fungerar med...
| Positionerade element
|}

Parametern ''längdmått'' kan vara angiven i vilken som helst av alla de tillgängliga [[måttenheter_i_CSS | CSS-måttenheter]]. Om man använder procent, utgår webbläsaren ifrån ''höjden'' på ''föräldraelementet''!

== Exempel ==
<codepen pen="mJZjWL" height="400" tab="css">
</codepen>

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

Top - Versionshistorik

PGJ: /* Egenskaper */

PGJ: /* Egenskaper */

PGJ: /* Egenskaper */

PGJ: /* Exempel */

PGJ: Skapade sidan med 'top används för att positionera element och anger positionen på toppens yttersta marginalkant. Beroende på vilken typ av positionering som gäller för elemen...'

PGJ: Skapade sidan med '`top` används för att positionera element och anger positionen på toppens yttersta marginalkant. Beroende på vilken typ av positionering som gäller för elemen...'