XHTML/CSS・トップ | CSSプロパティ・目次

●スクロールバーに色を付ける

 scrollbar-base-color はスクロールバーに色を指定(色を変更)するプロパティです。ただし、ウィンドウズ版のIE(v5.5〜)しか、反映されません。


【CSS】

html, textarea {
 scrollbar-base-color: #ff0000;
}

■注意↓

 scrollbar-base-colorプロパティは子要素に継承するので、html要素内にある textarea要素にもスクロールバーの色の変更が受け継がれます。(二つ使うとして)同じ色で良ければ html要素だけに指定しても構いません。違う色を指定したい場合は個別に指定する必要があります。

【HTML】↓

<textarea rows="10" cols="60">
 複数行テキストボックス内に表示される本文(省略)
</textarea>


【解説】

 rows="10" cols="60" は複数行のテキストボックスの縦幅と横幅のことです。(必ず、両方指定する必要があります。)また、データが送信される場合はname属性(name=" ")が必要ですが都合上省略しています。ここのWebページではtextarea要素を div要素で囲み、その div要素に任意のスタイルシートを設定していますが、そのほかの要素で囲んでも構いません。下は p要素で囲んでいます。

<p>感想文を入力してください。<br>
<textarea name="〜" rows="10" cols="60">
 省略
</textarea></p>


【補足】

 下の複数行テキストボックスのスクロールバーをスライドさせてください。テキストボックス内にも解説があります。(見えない部分の解説があります。)

■参考

※実際に指定しているCSSソースを見る場合はブラウザの「表示」から「ソース」または、「ページ ソース」で確認してください。

XHTML/CSS・目次 | そのほかのプロパティ・目次

2009/04/24 改正

Copyright (C) 2005 http://www.xml.vc/