Align-self: Skillnad mellan sidversioner
Från Webbling
PGJ (diskussion | bidrag) Skapade sidan med 'Justerar hur ett individuellt flexföremål ska justeras längs med korsaxeln. Används om enstaka flexföremål ska ha andra inställningar än de som satts i <code>align-ite...' |
PGJ (diskussion | bidrag) |
||
| (2 mellanliggande sidversioner av samma användare visas inte) | |||
| Rad 1: | Rad 1: | ||
Styr hur ett individuellt flexföremål ska placeras ut längs med korsaxeln. Används om enstaka flexföremål ska ha andra inställningar än de som satts i <code>align-items</code> (vilket ju gäller för alla föremål i flexbehållaren). | |||
Se denna [[Mer_flexbox#align-items|sektion]] för mer utförlig information. | Se denna [[Mer_flexbox#align-items|sektion]] för mer utförlig information. | ||
| Rad 31: | Rad 31: | ||
== Exempel == | == Exempel == | ||
<codepen pen="doBNWJ" height="300" tab="css,result"> | |||
<codepen pen="doBNWJ" height=" | |||
</codepen> | </codepen> | ||
== Egenskapens definition == | == Egenskapens definition == | ||
http://dev.w3.org/csswg/css3-flexbox/#align-self | http://dev.w3.org/csswg/css3-flexbox/#align-self | ||
Nuvarande version från 30 januari 2019 kl. 14.10
Styr hur ett individuellt flexföremål ska placeras ut längs med korsaxeln. Används om enstaka flexföremål ska ha andra inställningar än de som satts i align-items (vilket ju gäller för alla föremål i flexbehållaren).
Se denna sektion för mer utförlig information.
Egenskaper
| Parametrar | flex-start | flex-end | center | baseline | stretch
|
| Defaultvärde | stretch
|
| Ärvs? | Nej |
| Animerbart? | Nej |
| Fungerar med... | Flexbehållare |
flex-start flexföremålets toppkant flyttas mot korsaxelns start.
flex-end flexföremålets bottenkant flyttas mot korsaxelns slut.
center flexföremålets center justeras mellan korsaxelns start och slut.
baseline allt flexföremålets justeras så att deras baslinjer sammanfaller.
stretch flexföremålets sträcks ut längs hela korsaxeln.