トップページ 利用規約 掲示板 ランキング 初心者説明 質問集 リンクする 相互リンク
タグの説明 テーブルタグ スタイルシート 色の見本 素材屋リンク 作成リンク WEBスペース レンタルリンク
スタイルシートの説明

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

1行目だけ余白 (詳細情報)
対応  Internet Explorer 4 ↑  Netscape 4 ↑  (ブラウザの対応)
字体 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部分に指定すると、全マスに反映します。

▲目次へ

お役立ちリンク集: sozai-R 素材NAVI イラスト素材プチッチ HP作成無料 ホームページ制作会社 ジェバアーツ 格安ホームページの制作屋