flexboxの基本まとめ、ローマ字解説あり
関連タイピング
-
個人練習用で作りました。解説なしです。
プレイ回数1257英語長文1140打 -
日本語訳なしの英語長文です。個人練習用につくりました。
プレイ回数482英語長文717打 -
日本語訳なし、しゃべることと歩くことの比較
プレイ回数619英語長文1097打 -
自分練習用、英語長文
プレイ回数2429英語長文1127打 -
ボックスのCSSを解説なしで
プレイ回数188英語長文760打 -
個人練習用：サイトパーツ、アコーディオン
プレイ回数149英語長文1379打 -
解説なしで、個人練習用のコードです。
プレイ回数386英語長文327打 -
beforeとafter要素を使った装飾です。
プレイ回数303英語長文517打
問題文
(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; }