CSS 構文 グリッドレイアウト
css 3 暗記用です
関連タイピング
-
TLJ専用のHTML（上級編）タイピングです。
プレイ回数2259 長文60秒 -
プレイ回数36 長文1280打 -
プレイ回数37 長文1098打 -
自作のハンバーガーメニューを作成しましょう！
プレイ回数4452 英語長文721打 -
TLJ専用のHTML練習用タイピングです。
プレイ回数4888 260打 -
初心者向けです。
プレイ回数8990 英語546打 -
HTML＆CSSを忘れないために
プレイ回数3万 英語長文759打 -
プレイ回数33 長文963打
問題文
ふりがな非表示
ふりがな表示
(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;