行頭インデント
(text-indent)
文章の最初の行を一字下げて表示をしたいとき、どうしていますか。全角のスペースを入れればいいですよね。でも表示するフォントの種類によっては、スペースが調整させてしまうことがあります。そこでtext-indentの登場です。
text-indentの単位は、このページで紹介する以外にも、いろいろとあります。詳しくは「長さの単位」を参照してください。
ポイントを指定するときは、表示するフォントのポイントに合わせれば、正確に一字下げの設定ができます。
下に表示例を示しますが、このページのフォントは
Copyright 2001-2002 Coco's Home. All rights reserved.
font-size: 14pt;と14ポイントのフォントで表示するように設定しています。フォントサイズの設定方法は「フォントサイズ」を参照してください。
文章の最初の行を一字下げて表示をしたいとき、どうしていますか。スタイルシートではtext-indentを使用します。
↑
<style type="text/css">
<!--
P { text-indent: 14pt }
-->
</style>
<!--
P { text-indent: 14pt }
-->
</style>
<p>文章の最初の行を一字下げて表示をしたいとき、どうしていますか。スタイルシートではtext-indentを使用します。</p>
文章の最初の行を一字下げて表示をしたいとき、どうしていますか。スタイルシートではtext-indentを使用します。
↑
<DIV style="text-indent: 14pt">文章の最初の行を一字下げて表示をしたいとき、どうしていますか。スタイルシートではtext-indentを使用します。</div>
| | Back | Coco's Home | ココのスタイルシートで遊びませんか(Top) | |
Copyright 2001-2002 Coco's Home. All rights reserved.