HTML講座

段落設定

小学校のときに段落を作るときには「改行して一文字あける」と習った。 Wordでは勝手にそうなるようだ。ではHTMLではどうするのだろう。

配置(行揃え)

text-align:left | right | center | justify;
左揃え(text-align:left;)
小学校のときに段落を作るときには「改行して一文字あける」と習った。 Wordでは勝手にそうなるようだ。ではHTMLではどうするのだろう。
右揃え(text-align:right;)
小学校のときに段落を作るときには「改行して一文字あける」と習った。 Wordでは勝手にそうなるようだ。ではHTMLではどうするのだろう。
中央揃え(text-align:center;)
小学校のときに段落を作るときには「改行して一文字あける」と習った。 Wordでは勝手にそうなるようだ。ではHTMLではどうするのだろう。
両端揃え(text-align:justify;)
小学校のときに段落を作るときには「改行して一文字あける」と習った。 Wordでは勝手にそうなるようだ。ではHTMLではどうするのだろう。

インデント(字下げ・ぶら下げ)

text-indent:インデント幅;
字下げ(text-indent:1em;)
小学校のときに段落を作るときには「改行して一文字あける」と習った。 Wordでは勝手にそうなるようだ。ではHTMLではどうするのだろう。
ぶら下げ(text-indent:-2em;)
小学校のときに段落を作るときには「改行して一文字あける」と習った。 Wordでは勝手にそうなるようだ。ではHTMLではどうするのだろう。

間隔(行間)

line-height:高さ;
line-height:0;
小学校のときに段落を作るときには「改行して一文字あける」と習った。 Wordでは勝手にそうなるようだ。ではHTMLではどうするのだろう。
line-height:1rem;
小学校のときに段落を作るときには「改行して一文字あける」と習った。 Wordでは勝手にそうなるようだ。ではHTMLではどうするのだろう。
line-height:1.6rem;
小学校のときに段落を作るときには「改行して一文字あける」と習った。 Wordでは勝手にそうなるようだ。ではHTMLではどうするのだろう。