スクロール付きエリア overflow|CSS辞典|HTMLタグ・CSS

HomeCSS辞典スクロール付きエリア overflow
サイト内検索

スクロール付きエリア overflow

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

スクロール付きエリア (詳細情報)
字体 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タグと違って、枠内でタグなどを使うことができます。


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


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