flexboxの基本まとめ、ローマ字解説あり
タグ個人練習用
個人練習用：並び変え、間隔の調整、縦方向の揃えなど基本のまとめ
並び変え、間隔の調整、縦方向の揃えなどflexboxの基本のまとめタイピングです。読みにくいですが、ローマ字で解説つけました。個人練習用で作りました。
関連タイピング
-
解説付きでbox-shadowの基本をまとめています。
プレイ回数306 長文315打 -
個人練習用で作りました。解説なしです。
プレイ回数1325 英語長文1140打 -
日本語訳なし、しゃべることと歩くことの比較
プレイ回数682 英語長文1097打 -
beforeとafter要素を使った装飾です。
プレイ回数324 英語長文517打 -
自分練習用、英語長文
プレイ回数2687 英語長文1127打 -
jQuery基本例文集です。解説なしです。
プレイ回数1011 英語長文1554打 -
解説なしで、個人練習用のコードです。
プレイ回数411 英語長文327打 -
解説なし、個人練習用につくりました。
プレイ回数715 英語長文1054打
問題文
ふりがな非表示
ふりがな表示
(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; }