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

投稿者marine プレイ回数85 順位2692位
css 3 暗記用です
領域をグリッドで区切ってレイアウトできるので、これも便利ですね。(^o^) css3って革命的…!
順位名前スコア称号打鍵/秒正誤率時間(秒)打鍵数ミス問題日付
1 Affa 2927 すごいね! 3.0 96.3% 210.1 639 24 23 2020/03/15
2 mh 1994 頑張ったね! 2.1 94.2% 553.0 1174 71 48 2020/03/21
3 Mickey 1352 もう一歩! 1.4 92.6% 434.9 639 51 23 2020/03/22

関連タイピング

Javaの予約語

Javaの予約語

プレイ回数9743
短文英字289打
JavaScript 構文  変数・定数・関数

JavaScript 構文 変数・定数・関数

JavaScriptの暗記用です 

プレイ回数53
英語長文834打
JavaScript 構文 条件分岐 繰返し

JavaScript 構文 条件分岐 繰返し

JavaScriptの暗記用です 

プレイ回数36
英語長文603打
プログラマー的タイピングマスターの道:初級①

プログラマー的タイピングマスターの道:初級①

タイピングをマスターしたい方向けの問題です。

プレイ回数5117
長文302打
javascript練習用1

javascript練習用1

javascriptの練習用です。

プレイ回数3465
長文1106打
HTML5+CSS3

HTML5+CSS3

HTML5とCSS3を学ぼう

プレイ回数17635
長文869打

問題文

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

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

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

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

人気ランキング

注目キーワード