Google検索エンジン

トップページ » スタイルシート入門講座 » CSSで段落の字下げ（インデント）を設定する方法

CSSで段落の字下げ（インデント）を設定する方法

  • ■段落の字下げ（インデント）に関するCSSプロパティ

    CSSプロパティ 意味
    text-indent：n 1行目の字下げ（インデント）幅を指定

    ■1行目の字下げ（インデント）幅を指定

    text-indentプロパティは、文章の段落などの1行目のインデント幅を指定する際に使用します。 インデント幅には負の値を指定することもできます。

    text-indentプロパティの指定値
    数値で指定 数値にpxやemやexなどの単位をつけて指定します。pxとは1ピクセルを1とする単位で、実際に表示されるサイズは72dpiや96dpiといったモニタの解像度により変化します。また、emとはフォントの高さを1とする単位で、exとは小文字の｢x｣の高さを1とする単位です。
    ％値で指定 1行目のインデント幅を％値で指定します。
    CSSファイル記述例 
    div#test-text-indent{
	text-indent:1em;
}
    HTMLファイル記述例
    <div id="test-text-indent">1行目のインデント幅を指定すると1行目の最初が字下げして表示されます。2行目からは普通に表示されます。Webページの表示をみると確認できます。</div>
    Webページの表示
    1行目のインデント幅を指定すると1行目の最初が字下げして表示されます。2行目からは普通に表示されます。Webページの表示をみると確認できます。
おすすめレンタルサーバー
  • ロリポップ！
    「コロリポプラン」なら月額105円で容量2GB、「ロリポプラン」なら月額263円で容量13GB、マルチドメイン、データベース、共有SSLが使えます。「チカッパプラン」なら月額525円で容量30GB利用可能です。
  • さくらインターネット
    月額125円のプランからビジネスにも使えるプランまで、予算や利用目的で選べる共用レンタルサーバや、サーバ1台まるごと利用できる専有レンタルサーバなど様々なサービスが用意されています。
  • ファイアバード
    50GBの大容量で、月額525円からのレンタルサーバーです。マルチドメイン、無料お試し期間、その他ユーザーツールなど便利な機能がたくさんあります。