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


スタイルシートの説明

スクロール付きエリア (サンプル)
サンプル用の文字
サンプル用の文字
サンプル用の文字
サンプル用の文字
サンプル用の文字
サンプル用の文字
サンプル用の文字
サンプル用の文字
サンプル用の文字
サンプル用の文字
サンプル用の文字
サンプル用の文字
サンプル用の文字
サンプル用の文字
サンプル用の文字
サンプル用の文字
サンプル用の文字
サンプル用の文字
サンプル用の文字
サンプル用の文字
サンプル用の文字
サンプル用の文字
サンプル用の文字
サンプル用の文字
※ 上が通常の状態で、下が実際に効果を反映したサンプルです。

スクロール付きエリア (詳細情報)
対応  Internet Explorer 4 ↑  Netscape 6 ↑  (ブラウザの対応)
字体 overflow:★;
指定 ★の部分に下記の「 」内 の効果を指定していきます。
  • hidden」 文字がエリアからはみ出た場合は表示しない。
  • scroll」 スクロールバーをつけることができる。
  • visible」 文字がはみ出したら、はみ出たまま表示する。
  • auto」 自動で設定する。
効果 テキストエリアのような、スクロールバーがついているエリアを作ることができる。
例1 <div style="width:170;height:80;overflow:auto;">
<font color="#ff0000">サンプル用の文字</font>
<font color="#00ff00">サンプル用の文字</font>
<font color="#0000ff">サンプル用の文字</font>
<font color="#ffaa00">サンプル用の文字</font>
</div>
結果
サンプル用の文字
サンプル用の文字
サンプル用の文字
サンプル用の文字
解説 textareaタグと違って、枠内でタグなどを使うことができます。

▲上に移動