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

背景
投稿者投稿者marineいいね3お気に入り登録2
プレイ回数733難易度(3.6) 639打 英語 英字
css 3 暗記用です

関連タイピング

問題文

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

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

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

タイピング練習講座 ローマ字入力表 アプリケーションの使い方 よくある質問

人気ランキング

注目キーワード