CSS MyTiping

これから気づいたワードを随時追加していきます。
関連タイピング
-
Pythonプログラムを打ちまくる
プレイ回数2745英語長文60秒 -
htmlの雛形覚え用
プレイ回数397英語長文258打 -
初心者向けです。
プレイ回数6673英語546打 -
自作のハンバーガーメニューを作成しましょう!
プレイ回数2950英語長文721打 -
解説付きでbox-shadowの基本をまとめています。
プレイ回数271長文315打 -
プレイ回数45英語60秒
-
beforeとafter要素を使った装飾です。
プレイ回数291英語長文517打 -
TLJ専用のHTML練習用タイピングです。
プレイ回数4304260打
問題文
(display: flex; flex: 1;)
display: flex; flex: 1;
(justify-content: space-between; justify-content: center; justify-content: start;)
justify-content: space-between; justify-content: center; justify-content: start;
(list-style: none;)
list-style: none;
(text-decoration: none;)
text-decoration: none;
(width: 200px; height: 200px;)
width: 200px; height: 200px;
(flex-direction: row; flex-direction: column;)
flex-direction: row; flex-direction: column;
(box-sizing: content-box;)
box-sizing: content-box;
(border: 4px red solid;)
border: 4px red solid;
(margin: 0 auto;)
margin: 0 auto;
(text-align: center;)
text-align: center;
(position: relative; position: absolute; top: 40px; left: 40px;)
position: relative; position: absolute; top: 40px; left: 40px;
(align-items: center;)
align-items: center;
(line-height: 16px;)
line-height: 16px;
(height: 100vh;)
height: 100vh;
(width: 100%;)
width: 100%;
(transform: translate(-50%, -50%);)
transform: translate(-50%, -50%);
(order: -1;)
order: -1;
(flex-basis: auto;)
flex-basis: auto;
(flex-wrap: wrap;)
flex-wrap: wrap;
(object-fit: cover;)
object-fit: cover;
(object-position: top;)
object-position: top;
(position: fixed;)
position: fixed;
(background-image: url(background.png);)
background-image: url(background.png);