ホームページ作成の基礎からご提供するホームページ作成Space

この要素にマウスを乗せたときのマウスカーソルの形状を auto（既定値：自動）、crosshair（十字印）、default（通常のもの）、pointer（ポインタ）、move（移動用）、e-resize（右リサイズ）、ne-resize（右上リサイズ）、nw-resize（左上リサイズ）、n-resize（上リサイズ）、se-resize（右下リサイズ）、sw-resize（左下リサイズ）、s-resize（下リサイズ）、w-resize（左リサイズ）、text（テキスト選択）、wait（待ち）、help（ヘルプ）、inherit （継承）、または URL指定のいずれかで指定します。

<a href="help.htm" style="cursor: help;">[ヘルプ]</a>

テキストフォームなどにフォーカスが移動した時の日本語変換（IME）の動作を、auto（既定値：自動）、active（フォーカス移動時にオン）、inactive（フォーカス移動時にオフ）、disabled（IME使用を禁止）のいずれかで指定します。

メールアドレス：
<input type="text" style="ime-mode: disabled;">

IE5.0 でサポートされたビヘイビアという機能です。スタイルシートでスタイルを一括指定するのに加えて、ビヘイビア機能で動作（振る舞い）を一括指定することができます。behavior には、スクリプトファイルの URL や、<object> タグで指定したID、IE5.0 のデフォルトビヘイビア名などを指定します。下記の例では、ページ中のすべての画像に対して、「クリックしたら大きさを100×100に変更する」という振る舞いを指定しています。

IMG { behavior:url(http://www.yyy.zzz/scripts/xx.htc); }

ここで、xx.htc ファイルには以下のように記述しておきます。onclick はすべて小文字で記述してください。

<script type="text/javascript">
<!--
attachEvent("onclick", func);
function func() {
    this.style.width = "100px";
    this.style.height = "100px";
}
-->
</script>

スクロールバーの色を指定します。IE5.5 以降で使用可能です。scrollbar-base-color は赤系の色とか緑系の色など、スクロールバーのすべての要素の色をまとめて設定します。その他は、影の部分や矢印の部分などそれぞれの要素の色を個別に指定します。

BODY {
  scrollbar-base-color: #ffcccc;
}

BODY {
  scrollbar-track-color: #ffe0e0;
  scrollbar-face-color: #ffbbbb;
  scrollbar-shadow-color: #cc9999;
  scrollbar-darkshadow-color: #ffcccc;
  scrollbar-highlight-color: #ffe0e0;
  scrollbar-3dlight-color: #ffbbbb;
  scrollbar-arrow-color: #ff6666;
}