Align-items: Skillnad mellan sidversioner
Från Webbling
PGJ (diskussion | bidrag) Ingen redigeringssammanfattning |
PGJ (diskussion | bidrag) |
||
(5 mellanliggande sidversioner av samma användare visas inte) | |||
Rad 29: | Rad 29: | ||
== Exempel == | == Exempel == | ||
<codepen pen="zGVNvq" height="700" tab="css,result"> | |||
<codepen pen="zGVNvq" height=" | |||
</codepen> | </codepen> | ||
== Egenskapens definition == | == Egenskapens definition == | ||
http://dev.w3.org/csswg/css3-flexbox/#align-items | http://dev.w3.org/csswg/css3-flexbox/#align-items |
Nuvarande version från 12 januari 2019 kl. 23.25
Justerar hur en flexbehållares innehåll placeras ut längs med korsaxeln. 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
flexinnehållets toppkant flyttas mot korsaxelns start.
flex-end
flexinnehållets bottenkant flyttas mot korsaxelns slut.
center
flexinnehållet center justeras mellan korsaxelns start och slut.
baseline
allt flexinnehålls justeras så att deras baslinjer sammanfaller.
stretch
flexinnehållet sträcks ut längs hela korsaxeln.