ホームページ >ウェブフロントエンド >htmlチュートリアル >CSS3 の便利なプロパティ_html/css_WEB-ITnose
1. Opacity 属性: div 要素の不透明度を設定します。
div{opacity:0.5;}
2. Cursor 属性: 表示するカーソルの種類 (形状) を指定します。
値 th> | 説明 | ||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
url |
.wait {cursor:pointer;//常用值,手指样式} 注: URL で定義された使用可能なカーソルがない場合に備えて、このリストの最後に通常のカーソルを常に定義します。 | ||||||||||||||||||||||||||||||||||||
デフォルト | デフォルトのカーソル (通常は矢印) | ||||||||||||||||||||||||||||||||||||
auto | デフォルト。ブラウザによって設定されたカーソル。 | ||||||||||||||||||||||||||||||||||||
クロスヘア | カーソルが十字線として表示されます。 | ||||||||||||||||||||||||||||||||||||
ポインタ | カーソルはリンクを示すポインター (手) として表示されます | ||||||||||||||||||||||||||||||||||||
移動 | このカーソルは、オブジェクトが移動できることを示します。 | ||||||||||||||||||||||||||||||||||||
電子サイズ変更 | このカーソルは、長方形のボックスの端を右 (東) に移動できることを示します。 | ||||||||||||||||||||||||||||||||||||
サイズ変更 | このカーソルは、長方形のボックスの端を上および右 (北/東) に移動できることを示します。 | ||||||||||||||||||||||||||||||||||||
nw-resize | このカーソルは、長方形のボックスの端を上と左 (北/西) に移動できることを示します。 | ||||||||||||||||||||||||||||||||||||
n-resize | このカーソルは、長方形のボックスの端を上 (北) に移動できることを示します。 | ||||||||||||||||||||||||||||||||||||
サイズ変更 | sw-resize | s-resize | このカーソルは、長方形のボックスの端を下(南)に移動できることを示します。 | ||||||||||||||||||||||||||||||||||
w-resize | このカーソルは、長方形のボックスの端を左 (西) に移動できることを示します。 | ||||||||||||||||||||||||||||||||||||
テキスト | このカーソルはテキストを示します。 | ||||||||||||||||||||||||||||||||||||
待ちます | このカーソルは、プログラムがビジー状態であることを示します (通常は時計または砂時計)。 | ||||||||||||||||||||||||||||||||||||
ヘルプ | このカーソルは、利用可能なヘルプ (通常は疑問符またはバルーン) を示します。 |