インデント(1行目の字下げ)を指定する

[新着] Webテンプレートを仮オープンしました


text-indent: ***;

ブラウザ
Internet Explorer Netscape Firefox Opera
参考
書式基本 要素名 クラス ID

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


p {
text-indent: 1em;
}


text-indent 字下げ幅を指定します

幅の指定は、数値+単位(em、他)か %(割合)で指定します。

※デフォルトは 0(インデントなし)です。(例:text-indent: 0


使用例

<html>
<head>
<title>TAG index Webサイト</title>

<style type="text/css">
<!--

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


-->
</style>

</head>
<body>

<p>
インデント(字下げ)の指定例です。ブロック要素の最初の1行目に対して、任意幅の字下げを指定することができます。この文章には、1文字分のインデントを設定してみました。
</p>

<p>
例えばp要素に対してインデントを指定しておくと、全ての段落で字下げが適用されることになります。
</p>

</body>
</html>

これをブラウザで見ると次のように表示されます

インデント(字下げ)の指定例です。ブロック要素の最初の1行目に対して、任意幅の字下げを指定することができます。この文章には、1文字分のインデントを設定してみました。

例えばp要素に対してインデントを指定しておくと、全ての段落で字下げが適用されることになります。



[特集] レンタルサーバー比較 & サーバー選びのチェックポイント

サイト内検索について - ベーシック版