*このページは web-dou.com のアーカイブです。(2025年 サイト統合)

WEB技術の辞書・解説・使用例

TOP > CSS >  CSS辞典 > text-indent
text-indent  文章整形 

1行目の文字の開始位置(インデント)を設定。

X B! FB LINE

書式

(例) text-indent:30px;

パラメーター

%で指定　…100%を基準に%値で指定。
数値で指定　…pt, px, em, ex で指定。

サンプルコード

<p>これは通常の位置です。</p>
<p style="text-indent:10px;">これは10pxです。</p>
<p style="text-indent:5em;">これは5emです。</p>
<p style="text-indent:70%;">これは70%です。</p>
<p style="text-indent:-10px;">これは-10pxです。</p>
<p style="text-indent:10px;">1行目は10pxインデントされますが<br />2行目はインデントされません。</p>

これは通常の位置です。

これは10pxです。

これは5emです。

これは70%です。

これは-10pxです。

1行目は10pxインデントされますが
2行目はインデントされません。