flexboxの基本まとめ、ローマ字解説あり
関連タイピング
-
解説なし、個人練習用につくりました。
プレイ回数638英語長文1054打 -
日本語訳なし、個人練習用に作った英語長文です
プレイ回数3700英語長文673打 -
自分練習用、英語長文：夢について
プレイ回数478英語長文542打 -
個人練習用で作りました。解説なしです。
プレイ回数1178英語長文1140打 -
簡単な解説付きでグラデーションをまとめ、個人練習用
プレイ回数481長文645打 -
２カラムフレックスボックスのサンプルサイト
プレイ回数607英語長文630打 -
解説付きでbox-shadowの基本をまとめています。
プレイ回数269長文315打 -
フレックスボックスを使ったよくあるサイトパーツ
プレイ回数129英語長文667打
問題文
(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
(.item1 { order: 2; } .item2 { order: 3; } .item3 { order: 1; })
.item1 { order: 2; } .item2 { order: 3; } .item3 { order: 1; }