flexboxの基本まとめ、ローマ字解説あり
タグ個人練習用
個人練習用：並び変え、間隔の調整、縦方向の揃えなど基本のまとめ
並び変え、間隔の調整、縦方向の揃えなどflexboxの基本のまとめタイピングです。読みにくいですが、ローマ字で解説つけました。個人練習用で作りました。
関連タイピング
-
日本語訳なしの英語長文です。個人練習用につくりました。
プレイ回数580 英語長文717打 -
flex３カラムサイト、サンプル
プレイ回数217 英語長文649打 -
自分練習用、英語長文：夢について
プレイ回数593 英語長文542打 -
日本語訳なし、個人練習用に作った英語長文です
プレイ回数4395 英語長文673打 -
個人練習用：サイトパーツ、ハンバーガーメニュー
プレイ回数178 英語長文1067打 -
jQuery基本例文集です。解説なしです。
プレイ回数1027 英語長文1554打 -
自分練習用、英語長文
プレイ回数2735 英語長文1127打 -
簡単な解説付きでグラデーションをまとめ、個人練習用
プレイ回数528 長文645打
問題文
ふりがな非表示
ふりがな表示
(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; }