CSS反復練習テキスト編
CSSのテキスト関係プロパティの練習
テキスト関連の練習です。
目的
・英字に強くなる。
・タイピングの強化
・CSSの練習
目的
・英字に強くなる。
・タイピングの強化
・CSSの練習
関連タイピング
-
プレイ回数72 英字169打 -
自作のハンバーガーメニューを作成しましょう！
プレイ回数3809 英語長文721打 -
プレイ回数570 長文385打 -
初心者向けです。
プレイ回数7730 英語546打 -
カ行だけのたいぴんぐです！
プレイ回数1.8万 連打97打 -
プレイ回数2826 英語長文120秒 -
2022.12.14：プロパティを削除･追加。
プレイ回数3164 英語90秒 -
ひたすら「あいうえお」（母音）
プレイ回数2377 連打1350打
問題文
ふりがな非表示
ふりがな表示
(ｃｏｌｏｒはもじしょくのしてい。ｃｏｌｏｒはもじしょくのしてい。)
colorは文字色の指定。colorは文字色の指定。
(ｃｏｌｏｒはもじしょくのしてい。ｃｏｌｏｒはもじしょくのしてい。)
colorは文字色の指定。colorは文字色の指定。
(ｔｅｘｔ－ａｌｉｇｎはすいへいほうこうのいちしてい。)
text-alignは水平方向の位置指定。
(ｔｅｘｔ－ａｌｉｇｎ： ｌｅｆｔ；でひだりぞろえ。)
text-align: left;で左揃え。
(ｔｅｘｔ－ａｌｉｇｎ： ｌｅｆｔ；でひだりぞろえ。)
text-align: left;で左揃え。
(ｔｅｘｔ－ａｌｉｇｎ： ｃｅｎｔｅｒ；はちゅうおう。)
text-align: center;は中央。
(ｔｅｘｔ－ａｌｉｇｎ： ｃｅｎｔｅｒ；はちゅうおう。)
text-align: center;は中央。
(ｔｅｘｔ－ａｌｉｇｎ： ｒｉｇｈｔ；はみぎぞろえ。)
text-align: right;は右揃え。
(ｔｅｘｔ－ａｌｉｇｎ： ｒｉｇｈｔ；はみぎぞろえ。)
text-align: right;は右揃え。
(ｔｅｘｔ－ａｌｉｇｎ： ｊｕｓｔｉｆｙはりょうたんぞろえ。)
text-align: justifyは両端揃え。
(ｔｅｘｔ－ａｌｉｇｎ： ｊｕｓｔｉｆｙはりょうたんぞろえ。)
text-align: justifyは両端揃え。
(ｔｅｘｔ－ｄｅｃｏｒａｔｉｏｎ： ｎｏｎｅ；はそうしょくなし。)
text-decoration: none;は装飾なし。
(ｔｅｘｔ－ｄｅｃｏｒａｔｉｏｎ： ｎｏｎｅ；はそうしょくなし。)
text-decoration: none;は装飾なし。
(ｔｅｘｔ－ｄｅｃｏｒａｔｉｏｎ： ｕｎｄｅｒｌｉｎｅ；はかせん。)
text-decoration: underline;は下線。
(ｔｅｘｔ－ｄｅｃｏｒａｔｉｏｎ： ｕｎｄｅｒｌｉｎｅ；はかせん。)
text-decoration: underline;は下線。
(ｔｅｘｔ－ｄｅｃｏｒａｔｉｏｎ： ｏｖｅｒｌｉｎｅ；じょうせん。)
text-decoration: overline;上線。
(ｔｅｘｔ－ｄｅｃｏｒａｔｉｏｎ： ｏｖｅｒｌｉｎｅ；じょうせん。)
text-decoration: overline;上線。
(ｔｅｘｔ－ｄｅｃｏｒａｔｉｏｎ： ｌｉｎｅ－ｔｈｒｏｕｇｈ；はとりけしせん)
text-decoration: line-through;は取り消し線
(ｔｅｘｔ－ｄｅｃｏｒａｔｉｏｎ： ｌｉｎｅ－ｔｈｒｏｕｇｈ；はとりけしせん)
text-decoration: line-through;は取り消し線
(ｔｅｘｔ－ｉｎｄｅｎｔ：でじさげのはばをしてい。)
text-indent:で字下げの幅を指定。
など
(ｔｅｘｔ－ｉｎｄｅｎｔ：でじさげのはばをしてい。)
text-indent:で字下げの幅を指定。
(ｔｅｘｔ－ｓｈａｄｏｗはてきすとにかげをつける。)
text-shadowはテキストに影をつける。
(ｔｅｘｔ－ｓｈａｄｏｗはてきすとにかげをつける。)
text-shadowはテキストに影をつける。