1. Home
  2. スタイルシート CSS
  3. テキスト・フォント
  4. 1行目の字下げを指定する

1行目の字下げを指定する


text-indent: ***;

ブラウザ
IE
Fx
Sf
Cr
O
特性
text-indent

text-indent は、1行目の字下げを指定するプロパティです。



p {
text-indent: 1em;
}


プロパティ名 説明
text-indent 数値+単位(em 等)またはパーセント 字下げ幅を指定

初期値は 0(字下げなし)です。


使用例


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>文書のタイトル</title>

<style type="text/css">

p {
width: 40%;
text-indent: 1em;
}

</style>

</head>
<body>

<p>字下げの指定例です。このスタイルをブロックレベル要素に対して設定すると、1行目が字下げされて表示されることになります。</p>

<p>例えばp要素に対してこのスタイルを設定すると、文書内の全ての段落で字下げが行われることになります。</p>

</body>
</html>

表示例

字下げの指定例です。このスタイルをブロックレベル要素に対して設定すると、1行目が字下げされて表示されることになります。

例えばp要素に対してこのスタイルを設定すると、文書内の全ての段落で字下げが行われることになります。


テキスト・フォント

ページの先頭へ


inserted by FC2 system