Bottom - Versionshistorik

PGJ: /* Exempel */

2019-01-30T13:59:58Z

Exempel

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

	== Exempel ==		== Exempel ==
	<codepen pen="MwMBow" height="~~400~~" tab="css,result">		<codepen pen="MwMBow" height="500" tab="css,result">
	</codepen>		</codepen>

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

PGJ: /* Exempel */

2019-01-13T20:15:21Z

Exempel

← Äldre version		Versionen från 13 januari 2019 kl. 20.15
Rad 30:		Rad 30:

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

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

PGJ den 21 augusti 2015 kl. 12.34

2015-08-21T12:34:49Z

← Äldre version		Versionen från 21 augusti 2015 kl. 12.34
Rad 3:		Rad 3:
	För <code>absolute</code>-positionering anger <code>bottom</code> hur långt det ska vara mellan nuvarande elements bottenkant och föräldraelementets bottenkant. Det går att ange ett negativt värde och då hamnar elementet under föräldraelementet.		För <code>absolute</code>-positionering anger <code>bottom</code> hur långt det ska vara mellan nuvarande elements bottenkant och föräldraelementets bottenkant. Det går att ange ett negativt värde och då hamnar elementet under föräldraelementet.

	För <code>absolute</code>-positionering anger <code>bottom</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.		För <code>absolute</code>-positionering anger <code>bottom</code> hur långt det ska vara mellan nuvarande elements bottenkant och föräldraelementets bottenkant. 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>bottom</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>fixed</code>-positionering fungerar <code>bottom</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.

PGJ den 21 augusti 2015 kl. 12.34

2015-08-21T12:34:22Z

← Äldre version		Versionen från 21 augusti 2015 kl. 12.34
Rad 2:		Rad 2:

	För <code>absolute</code>-positionering anger <code>bottom</code> hur långt det ska vara mellan nuvarande elements bottenkant och föräldraelementets bottenkant. Det går att ange ett negativt värde och då hamnar elementet under föräldraelementet.		För <code>absolute</code>-positionering anger <code>bottom</code> hur långt det ska vara mellan nuvarande elements bottenkant och föräldraelementets bottenkant. Det går att ange ett negativt värde och då hamnar elementet under 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~~
	<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>bottom</code> lite olika (för mer info om positionering gå till [[positionering]]).

	För <code>absolute</code>-positionering anger <code>bottom</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.		För <code>absolute</code>-positionering anger <code>bottom</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.

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

2015-08-21T12:33:20Z

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

Ny sida

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

För <code>absolute</code>-positionering anger <code>bottom</code> hur långt det ska vara mellan nuvarande elements bottenkant och föräldraelementets bottenkant. Det går att ange ett negativt värde och då hamnar elementet under 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
<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>bottom</code> lite olika (för mer info om positionering gå till [[positionering]]).

För <code>absolute</code>-positionering anger <code>bottom</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>bottom</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>bottom</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="MwMBow" height="400" tab="css">
</codepen>

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

Bottom - Versionshistorik

PGJ: /* Exempel */

PGJ: /* Exempel */

PGJ den 21 augusti 2015 kl. 12.34

PGJ den 21 augusti 2015 kl. 12.34

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

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