[新着] Webテンプレートを仮オープンしました
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要素に対してインデントを指定しておくと、全ての段落で字下げが適用されることになります。