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

投稿者marineプレイ回数000お気に入り1
css 3 暗記用です
領域をグリッドで区切ってレイアウトできるので、これも便利ですね。(^o^) css3って革命的…!
順位 名前 スコア 称号 打鍵/秒 正誤率 時間(秒) 打鍵数 ミス 問題 日付
1 hakushak 3968 スペシャリスト! 4.1 94.8% 152.2 639 35 23 2020/11/17
2 3251 プロフェッショナル! 3.5 93.2% 182.4 639 46 23 2020/11/19
3 おちゃ 2972 すごいね! 3.1 95.9% 205.9 639 27 23 2020/11/16
4 mh 1943 頑張ったね! 2.0 95.5% 313.4 639 30 23 2020/11/18

関連タイピング

問題文

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

(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のタイピング

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

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

人気ランキング

注目キーワード