Left: Skillnad mellan sidversioner
PGJ (diskussion | bidrag) |
PGJ (diskussion | bidrag) |
||
| (3 mellanliggande sidversioner av samma användare visas inte) | |||
| Rad 5: | Rad 5: | ||
Vid <code>fixed</code>-positionering fungerar <code>left</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>left</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>left</code> utgår webbläsaren ifrån den position där element | Vid <code>relative</code>-positionering anger <code>left</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 == | == Egenskaper == | ||
| Rad 25: | Rad 25: | ||
|} | |} | ||
Parametern ''längdmått'' kan vara angiven i vilken som helst av alla de tillgängliga [[måttenheter_i_CSS]]. 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 == | ||
<codepen pen="PqrBGB" height=" | <codepen pen="PqrBGB" height="500" tab="css,result"> | ||
== Egenskapens definition == | == Egenskapens definition == | ||
http://www.w3.org/TR/CSS2/visuren.html#propdef-left | http://www.w3.org/TR/CSS2/visuren.html#propdef-left | ||
Nuvarande version från 30 januari 2019 kl. 13.56
left används för att positionera element och anger positionen på yttersta, vänstra marginalkanten. Beroende på vilken typ av positionering som gäller för elementet, fungerar left lite olika (för mer info om positionering gå till positionering).
För absolute-positionering anger left hur långt det ska vara mellan nuvarande elements vänsterkant och föräldraelementets vänsterkant. Det går att ange ett negativt värde och då hamnar elementet till vänster om föräldraelementet.
Vid fixed-positionering fungerar left 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 fixed inte fungerar på alla typer av enheter.
Vid relative-positionering anger left 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
| Parametrar | <längdmått> | auto | inherit
|
| Defaultvärde | auto
|
| Ärvs? | Nej |
| Animerbart? | Ja |
| Fungerar med... | Positionerade element |
Parametern längdmått kan vara angiven i vilken som helst av alla de tillgängliga CSS-måttenheter. Om man använder procent, utgår webbläsaren ifrån höjden på föräldraelementet!
Exempel
<codepen pen="PqrBGB" height="500" tab="css,result">