東京・大阪・名古屋・福岡・仙台・札幌で開催する初心者向けのHTML・CSSを使ったホームページ制作の1日集中講座(セミナー)です。 HTML・CSSの入門講座なら、神田ITスクール!

6.7 カーソル形状に関するプロパティ

カーソル形状に関するプロパティ

6.7 カーソル形状に関するプロパティ

cursorプロパティは、マウスポインタが対象となる要素上に有る時のマウスカーソルを定義します。cursorプロパティには、たくさんの値を設定することができます。本書では、使用頻度の高いものを見ていきます。

cursorプロパティの代表的な値には、以下のようなものがあります。

値の内容

auto

状況に応じて自動選択(デフォルト)

default

デフォルト

pointer

リンク

crosshair

十字

move

移動

text

テキスト

wait

処理中

help

ヘルプ

表 6.7.1 : cursorプロパティの値と値の内容

スタイルを記述して実際の表示を確認しましょう。

①ソースフォルダ    :webpage/ch06
②ファイル名      :cursor.html

➢ cursor.html

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>カーソル形状に関する プロパティ</title>
<style>
    .move {
    cursor: move;
    }
    .help {
    cursor: help;
    }
</style>
</head>
<body>
<p class="move">移動</p>
<p class="help">ヘルプ</p>
</body>
</html>
        

cursorの値をpointer 、waitなどに変えてそれぞれの表示を確認してみてください。

NEXT>> 6.8 背景に関するプロパティ

HTMLとCSSの入門 目次

ご不明点はお問い合わせフォームからご連絡ください。

HTMLとCSSの入門 目次

ホームページ制作・保守

ホームページ制作・保守

セミナー講師

セミナー講師

主席インストラクター
早稲田大学大学院 理工学部卒業
SanJose 州立大学、コンピューター工学部卒業
アメリカのシリコンバレーでは、プログラマー・SEとして活躍
講師の詳細はこちら

ワードプレスセミナーも人気!

ワードプレスセミナーも人気!

より手軽にホームページ制作をしてみたい方にはワードプレスセミナーもおすすめです。
ワードプレスセミナーはこちら

1日集中HTML・CSSセミナーは、プログラミング教育で8年間の実績のある神田ITスクールが運営しています。
初心者、未経験者へわかりやすく教えるのには自信がありますので、ぜひご参加ください。
神田ITスクールのサイトはこちら

ホームページ制作・保守

ホームページ制作・保守
PAGETOP
Copyright © 2015 FusionOne Co.,Ltd. All rights reserved.