16.4.8 テキストの表示位置

表示位置の変更

テキストの表示位置は通常左揃えですが，中央揃えや右揃えにするには text-align プロパティを用います．

例:

<div style="text-align:center">こうすると中央に文字が表示されます．</div>

こうすると中央に文字が表示されます．

値にはleft,center,rightとjustifyがあります．justifyは両端を揃えることです．

インデント

ブロック要素のはじめの1行の字下げ幅を指定するには，text-indent プロパティを用います．

例:

<p>
大体のウェブブラウザでは，p要素を用いると前後に約1行文分の空白ができるだけです．
</p>
<p style="text-indent:1em;">
しかし text-indent プロパティを使うと，1文字下げることもできます．
</p>

大体のウェブブラウザでは，p要素を用いると前後に約1行文分の空白ができるだけです．

しかし text-indent プロパティを使うと，1文字下げることもできます．

長さは数値で指定する他に，親ブロック要素の横方向の長さに対する割合を%で指定することもできます．数値による指定については，16.4.12 補足(1) 長さの指定方法を見てください．