flexboxの基本まとめ、ローマ字解説あり
関連タイピング
-
解説付きでbox-shadowの基本をまとめています。
プレイ回数274長文315打 -
日本語訳なし、個人練習用に作った英語長文です
プレイ回数3853英語長文673打 -
個人練習用で作りました。解説なしです。
プレイ回数1214英語長文1140打 -
解説なし、個人練習用につくりました。
プレイ回数670英語長文1054打 -
簡単な解説付きでグラデーションをまとめ、個人練習用
プレイ回数486長文645打 -
自分練習用、英語長文：夢について
プレイ回数498英語長文542打 -
個人練習用：サイトパーツ、ハンバーガーメニュー
プレイ回数162英語長文1067打 -
日本語訳なしの英語長文です。個人練習用につくりました。
プレイ回数455英語長文717打
問題文
(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; }