flexboxの基本まとめ、ローマ字解説あり

(display: flex;)

display: flex;

(sonomanma flex-direction: row;)

sonomanma flex-direction: row;

(migikarahidari flex-direction: row-reverse;)

migikarahidari flex-direction: row-reverse;

(tatenarabi flex-direction: column;)

tatenarabi flex-direction: column;

(sitakaraue flex-direction: column-reverse;)

sitakaraue flex-direction: column-reverse;

(orikaesinasi flex-wrap: nowrap;)

orikaesinasi flex-wrap: nowrap;

(orikaesi flex-wrap: wrap;)

orikaesi flex-wrap: wrap;

(orikaesisitakara flex-wrap: wrap-reverse;)

orikaesisitakara flex-wrap: wrap-reverse;

(directionwrapmatome flex-flow: row wrap;)

directionwrapmatome flex-flow: row wrap;

(mannaka justify-content: center;)

mannaka justify-content: center;

(hidarikarajunban justify-content: flex-start;)

hidarikarajunban justify-content: flex-start;

(migikarajun justify-content: flex-end;)

migikarajun justify-content: flex-end;

(saishotosaigogahaji justify-content: space-between ;)

saishotosaigogahaji justify-content: space-between ;

(kintoukankaku justify-content: space-around;)

kintoukankaku justify-content: space-around;

(itibanooimononisitawoawaseru align-items: stretch;)

itibanooimononisitawoawaseru align-items: stretch;

(oyayousouesoroe align-items: flex-start;)

oyayousouesoroe align-items: flex-start;

(oyayousositasoroe align-items: flex-end ;)

oyayousositasoroe align-items: flex-end ;

(oyayousomannnaka align-items: center;)

oyayousomannnaka align-items: center;

(be-sulinedesoroe align-items: baseline;)

be-sulinedesoroe align-items: baseline;

(junbankaeru order: ; tugigutairei)

junbankaeru order: ; tugigutairei