スクロールバータグで更新履歴などにCSSを利用して
更新履歴やリンク情報など、限られたスペースに沢山の情報を表示したいときに便利なのが、スクロールバーです。そこで、スクロールバーに色を指定できるHTMLタグ作成ツールを紹介します。
表示文字やバーの色や、スクロール範囲のサイズを選択して、デザインの良いバーを簡単に作成できるジェネレーターです。プレビューで画面を確認しながら変更できます。
ツールで作成したサンプル
スクロールバーに簡単に色を指定できます。
デザインを簡単にして、文章の充実を図りましょう。
ウェブサイトの更新履歴やリンク情報、長い文章の記述などを、限られたスペースに表示する際に重宝します。
ただし、色変更HTMLタグ対応ブラウザがインターネットエクスプローラーに限られます。
表示される結果については、クライアントのWEBブラウザに依存します。FirefoxではHTMLタグで色を変えることはできません。その点はご理解をよろしくお願いします。
デザインを簡単にして、文章の充実を図りましょう。
ウェブサイトの更新履歴やリンク情報、長い文章の記述などを、限られたスペースに表示する際に重宝します。
ただし、色変更HTMLタグ対応ブラウザがインターネットエクスプローラーに限られます。
表示される結果については、クライアントのWEBブラウザに依存します。FirefoxではHTMLタグで色を変えることはできません。その点はご理解をよろしくお願いします。
※注意 スクロールバーへの色指定が表示できるブラウザは、インターネットエクスプローラー(IE)のみとなっています。インターネットエクスプローラー以外のFirefox等では、スクロールバーに色は付きませんのでご了承ください。
スクロールバー色HTMLタグを作成してみよう
HTMLタグを作成すると、クリップボードへ自動でコピーされます。下のテキストボックスからも選択できます。手順は次の通りです。
- 「テキスト」へ、表示したい文章やHTMLタグを入力します。
- 枠線・下線・文字色など、お好みの設定を行います。
- 「HTML作成」ボタンを押します。
スクロールレイアウトツールでは
この、スクロールバー色指定ツールでは、次のHTMLタグを使用しています。
- ブロック要素 <div>〜</div>
なお、カスケーディングスタイルシート(CSS)も使用しておりますので、環境によってはうまく表示されない場合もあります。
また、本ツールでは、JavaScript を使用しています。したがって、JavaScriptが使用できない設定になっているブラウザでは、使用することが出来ません。ブラウザのJavaScriptを実行可能に設定して、ご利用ください。
無料ツールとなっております。当サイト内の全ページリンクフリーです。