トップページ 利用規約 掲示板 サーバー紹介 レンタル紹介 素材屋紹介 リンクする 相互リンク
アフィリエイト 初心者 HTML TABLEタグ スタイルシート 色の見本 タグ練習 タグ辞典


スタイルシートの説明

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部分に指定すると、全マスに反映します。

▲上に移動