Web Developer's Room
HOME > スタイルシート講座 > スタイルシートで使用できる属性     

スタイルシートで使用できる属性

代表的な属性を説明します。

align・・・配置、位置(bottom:下部中央,center:中央,left:左揃え,right:右揃え,top:上部中央)
 例) body { align:center;}

background-color・・・背景色
 例) body { backgorund-color:#0000FF;}

color・・・テキストの文字色
 例) body { color:#FF0000;}

height・・・高さ
 例) body { height:50px;}

width・・・幅
 例) body { width:300px;}

text-decoration・・・テキストの装飾(underline:下線,overline:上線,line-through:取消線,blink:点滅)
 例) A { text-decoration:underline ;}

text-transform・・・テキストの表示(capitalize:先頭の文字を大文字へ,uppercase:すべて大文字へ,lowercase:すべて小文字へ)
 例) A { text-transform:capitalize ;}

cursor・・・マウスポインタの形状
 例) A { cursor:hand ;}
auto:状況に応じてカーソルの形をブラウザが自動的に決定する。
crosshair:シンプルな十字型。 サンプル
default:プラットフォーム依存のデフォルトカーソル(通常は矢印)。サンプル
hand:手の形。サンプル
move:移動可能を意味する矢印カーソル。サンプル
e-resize, ne-resize, nw-resize, n-resize, se-resize, sw-resize, s-resize, w-resize:いくつかの方向に移動できることを意味するカーソル。
text:テキスト編集カーソル。通常はIバー。サンプル
wait:待ちを意味するカーソル。通常は砂時計が表示される。サンプル



関連リンク
  • スタイルシートとは
  • スタイルシートの作り方
  • スタイルシートで複数の属性を設定する
  • スタイルシートでクラスを設定する
  • スタイルシートで動きをつける(1)
  • スタイルシートで動きをつける(2)




  • スポンサードリンク


    (C) Web Developer's Room All rights reserved.