マウスポインタの形状・スクロールバーの変更

通常のページ上では、リンクが設定されたテキストや画像の上でカーソルが変化しますが、cursor 属性では、リンクとは関係なくカーソルの形状を変化させることが出来ます。

CSS2

Functional list
値 機能
URL カーソルのデータのURLを指定する
auto 自動設定
Crosshair 十字型の形状
Default 標準の形状 (一般的には矢印型)
Pointer リンク部分を指して示す形状 (手の形)
Move 移動可能であることを示す形状
e-resize 東方向型にリサイズ可能な形状
ne-resize 北東方向型にリサイズ可能な形状
nw-resize 北西方向型にリサイズ可能な形状
se-resize 北東方向型にリサイズ可能な形状
sw-resize 南西方向型にリサイズ可能な形状
s-resize 南方向型にリサイズ可能な形状
w-resize 西方向型にリサイズ可能な形状
text 選択可能な文字であることを示す形状
wait 処理中であることを表す形状 (時計型)

help

 ヘルプ対象を表す形状 (一般的には？型)

適応要素 すべての要素

継承 ：する (デフォルト値 ＝auto )

style="cursor:auto"

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

例:実例: このようになります。

<HTML>
<HEAD>
<TITLE>scrollbars</TITLE>
<META http-equiv=Content-Type content="text/html; charset=shift_jis">
<STYLE type=text/css>
BODY {
SCROLLBAR-FACE-COLOR: #8c8cc6;
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
SCROLLBAR-SHADOW-COLOR: #000000;
COLOR: #ffffff;
SCROLLBAR-ARROW-COLOR: #ffffff;
SCROLLBAR-TRACK-COLOR: #acace6;
FONT-FAMILY: "Andale Mono",Arial,sans-serif;
SCROLLBAR-DARKSHADOW-COLOR: #000000;
SCROLLBAR- BASE-COLOR: #8c8cc6;
BACKGROUND-COLOR: #8c8cc6;
scrollbar-3d-light-color: #FFFFFF }
TEXTAREA {
SCROLLBAR-FACE-COLOR: #8c8cc6;
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
SCROLLBAR-SHADOW-COLOR: #000000;
COLOR: #ffffff;
SCROLLBAR-ARROW-COLOR: #ffffff;
SCROLLBAR-TRACK-COLOR: #acace6;
FONT-FAMILY: "Andale Mono",Arial,sans-serif;
SCROLLBAR-DARKSHADOW-COLOR: #000000;
SCROLLBAR-BASE-COLOR: #8c8cc6;
BACKGROUND-COLOR: #8c8cc6;
scrollbar-3d-light-color: #FFFFFF }
</STYLE>
<META content="Microsoft FrontPage 6.0"
name=GENERATOR>
<link rel="stylesheet" type="text/css"
href="../../index.css">
</HEAD>
<BODY>
<h2 style="TEXT-DECORATION: underline">スクロールバーに色を付ける</h2>
<FORM name=Seite>
<P>Den Text dieser Seite k&ouml;nnen Sie selber schreiben:</P>
<TEXTAREA name=Text rows=200 cols=80></TEXTAREA>
</FORM>
</BODY>
</HTML>

目的別属性

広告