Text Indent
テキストの先頭行を字下げさせます。
値は、絶対値と相対値、パーセントで指定できます。
padding-leftとの組み合わせで、ぶら下げ表示も可能になります。
●関連プロパティ
{ text-indent : Absolute Size | Relative Size | Percentage }
絶対値で指定
絶対値でインデントします。数値分、一行目が字下げされます。
−で字上げされます。
{ text-indent : length in | length cm | length mm | length pt | length pc | length px }
<p style="text-indent: 14pt; font-size: 14pt;">
テキストの行をインデントしたい時、
ポイントなど数値で指定できます。
<p style="text-indent: -7pt; font-size: 14pt;">
テキストの行をインデントしたい時、
ポイントなど数値で指定できます。
相対値で指定
文字の大きさとの相対値で字下げします。数値分、一行目が字下げされます。
−で字上げされます。
サンプルでは、14ptの文字に2emの字下げですから24ptの位置から文字が始まります。
{ text-indent : length em | length ex }
<p style="text-indent: 2em; font-size: 14pt;">
テキストの行をインデントしたい時、
ポイントなど数値で指定できます。
パーセントで指定
パーセントで字下げさせます。
字下げされる広さは、行の長さに比率になります。
サンプルは、行の長さの25%目から文字が始まります。
{ text-indent : Percentage }
<p style="text-indent: 25%; font-size: 14pt;">
テキストの行をインデントしたい時、 パーセントでも指定できます。
ぶら下げの指定
インデントと「PADDING-LEFT」との組み合わせで、●や※など行頭装飾行のテキストを揃えるぶら下げの指定ができます。−インデントで、フォントサイズ分字上げし、「PADDING-LEFT」で全体に字下げする考え方です。
<p style="text-indent: -14pt; padding-left: 14pt; font-size: 14pt;">
●行頭飾り文字や画像のある場合、
インデントでテキストの行を揃えることができます。
 |
 |
|---|
