1行目だけ余白 text-indent|CSS辞典|HTMLタグ・CSS

HomeCSS辞典1行目だけ余白 text-indent
サイト内検索

1行目だけ余白 text-indent

1行目だけ余白 (サンプル)
サンプル用の文字です。
サンプル用の文字です。
サンプル用の文字です。
サンプル用の文字です。
サンプル用の文字です。
サンプル用の文字です。
サンプル用の文字です。
サンプル用の文字です。
サンプル用の文字です。
サンプル用の文字です。
サンプル用の文字です。
サンプル用の文字です。
サンプル用の文字です。
サンプル用の文字です。
サンプル用の文字です。
サンプル用の文字です。
サンプル用の文字です。
サンプル用の文字です。
サンプル用の文字です。
サンプル用の文字です。
サンプル用の文字です。
サンプル用の文字です。
※ 上が通常の状態で、下が実際に効果を反映したサンプルです。

1行目だけ余白 (詳細情報)
字体 text-indent:★;
指定 ★の部分に数字をを指定します。
数字の後に 単位を決めることができます。
 (単位の種類: % px pt mm cm in pc em ex )
効果 段落の先頭文字前のスペースをとることができます。
例1 <div style="text-indent:20px;">
サンプル用の文字です。
サンプル用の文字です。
サンプル用の文字です。
</div>
結果
サンプル用の文字です。
サンプル用の文字です。
サンプル用の文字です。
例2 <table border style="text-indent:20px;">
<tr>
<td>
サンプル用の文字です。
サンプル用の文字です。
</td>
</tr>
<tr>
<td>
サンプル用の文字です。
サンプル用の文字です。
</td>
</tr>
<tr>
<td>
サンプル用の文字です。
サンプル用の文字です。
</td>
</tr>
</table>
結果
サンプル用の文字です。
サンプル用の文字です。
サンプル用の文字です。
サンプル用の文字です。
サンプル用の文字です。
サンプル用の文字です。
解説 例2のように table部分に指定すると、全マスに反映します。


練習用書き込みフォーム(サンプル表示)


素材の森 素材NAVI 素材R 素材・壁紙 イラスト素材 素材・作成 素材ランキング 無料素材リンク 素材ファン
無料HP素材、ホームページテンプレート、HTMLタグ・CSS、質問・用語の検索 サイト内検索
素材ランキング 素材NAVI 素材の森 素材サーチ フリー素材 素材・画像 素材・壁紙 素材R Webランキング