CSS 構文 グリッドレイアウト

投稿者marineプレイ回数177
css 3 暗記用です
領域をグリッドで区切ってレイアウトできるので、これも便利ですね。(^o^) css3って革命的…!
順位 名前 スコア 称号 打鍵/秒 正誤率 時間(秒) 打鍵数 ミス 問題 日付
1 nori@ホドホ 2591 すごいね! 2.7 94.9% 233.5 639 34 23 2020/07/30
2 mh 2009 頑張ったね! 2.1 94.8% 300.6 639 35 23 2020/07/04

関連タイピング

問題文

ふりがな非表示 ふりがな表示

(grid-template-rows:1rem 2rem 3rem;)

grid-template-rows:1rem 2rem 3rem;

(grid-template-columns:4em 5em 6em;)

grid-template-columns:4em 5em 6em;

(grid-template:7ex 8ex 9ex/10ex 11ex;)

grid-template:7ex 8ex 9ex/10ex 11ex;

(grid-template:repeat(3,50px)/repeat(4,60px);)

grid-template:repeat(3,50px)/repeat(4,60px);

(grid-template:repeat(5,90px)/repeat(auto-fill,50px);)

grid-template:repeat(5,90px)/repeat(auto-fill,50px);

(grid-template:repeat(5,90px)/repeat(auto-fit,50px);)

grid-template:repeat(5,90px)/repeat(auto-fit,50px);

(grid-template:repeat(3,1fr)/repeat(3,1fr);)

grid-template:repeat(3,1fr)/repeat(3,1fr);

(grid-auto-rows:1fr;)

grid-auto-rows:1fr;

(grid-auto-columns:1fr;)

grid-auto-columns:1fr;

(grid-template-areas:"aa aa aa" "bb cc dd" "ee ee ee";)

grid-template-areas:"aa aa aa" "bb cc dd" "ee ee ee";

(grid-auto-flow:row;)

grid-auto-flow:row;

(grid-auto-flow:row dense;)

grid-auto-flow:row dense;

(grid-auto-flow:columns;)

grid-auto-flow:columns;

(grid-auto-flow:columns dense;)

grid-auto-flow:columns dense;

(grid-gap:1rem;)

grid-gap:1rem;

(grid-row-start:2;)

grid-row-start:2;

(grid-row-end:3;)

grid-row-end:3;

(grid-row-end:span 4;)

grid-row-end:span 4;

(grid-row:1/3;)

grid-row:1/3;

(grid-column-start:2;)

grid-column-start:2;

など

(grid-column-end:4;)

grid-column-end:4;

(grid-column:2/span 2;)

grid-column:2/span 2;

(grid-area:1/2/3/4;)

grid-area:1/2/3/4;

問題文を全て表示 一部のみ表示 誤字・脱字等の報告

◆コメントを投稿

※公序良俗に反するコメントや、他者を中傷するようなコメントはしないでください。

※このゲームにコメントするにはログインが必要です。

marineのタイピング

オススメの新着タイピング

タイピング練習講座 ローマ字入力表

人気ランキング

注目キーワード