更新日: 2010-11-14 02:58:05

HTML スクロールバーを編集する方法

著者: handwerk

編集者: handwerk

閲覧数: 333

Okgn btn gudie info favorite

0

はじめに

Photo by Shane Global Language Centres

Web ページの所有者またはデザイナーとして、あなたがサイト訪問者の経験をカスタマイズできるように複数の方法を検討します。
カスタムグラフィックスおよびレイアウトは、この操作を行うことができます。
追加戦術はHTMLがされるようにスクロールバーを編集して補完すること、またはウェブサイトのデザインを相殺するカスタムカラーを使用しています。
カスケードスタイルシート、CSSまたは、あなたが特定の色のスタイルを適用することができます採用することでスクロールバーを使用します。

STEP1 Step1:

HTMLエディタを起動します。

STEP2 Step2:

編集したいHTMLファイルを開きます。

STEP3 Step3:

タグ内に以下のコードを貼り付けます。



html {
scrollbar-base-color: #9999cc;
scrollbar-arrow-color: white;
scrollbar-track-color: #ccccff;
scrollbar-shadow-color: black;
scrollbar-lightshadow-color: black;
scrollbar-darkshadow-color: gray;
scrollbar-highlight-color: white;
scrollbar-3dlight-color: black;
}

STEP4 Step4:

お好みの色になるようにスクロールバーの各要素の値を変更します。6桁の16進コード(#00000、黒)または型Webセーフカラー名を使用することができます。
たとえば、緑の基本色を設定を決定することで変更可能です。

STEP5 Step5:

編集が終了したら、保存を選択します。

まとめ

すでに別のCSSがタグ内にある場合は、そのすぐ下に記入します。
-

もし外部スタイル使用している場合はそちらを使用してコードを記入します。
-

ブラウザがベースカラーを使用するためにスクローバーのベースカラーを使用することができます。この方法でベースカラーを設定した後は

他の値やプロパティを削除します。

-

色の構成によってい3D、2D表現や様々な色合いを出すことができる。
-

CSSプロパティと値の構文には、プロパティ:値のシンタックスがある。
-

CSSプロパティと値は、HTML内 「{」 と「}」で囲われる。

このガイドは役に立ちましたか?ガイドの著者にお礼を伝えよう!

Okgn btn gudie info thunks b

12

当ガイドは作成日時点での情報です。ガイド内容の実施はご自身の責任の元、ご利用いただきますようお願いいたします。

このガイドを通報する

著者名:
handwerk

さわらどっとじぇーぴー