カスケーディングスタイルシートリファレンス・ ブラウザの種類による対応状況などもプロパティごとに掲載!

CSS −スタイルシートリファレンス− ブラウザの種類による対応状況などもプロパティごとに掲載!

スタイルシートの基礎 CSS
バナーはダウンロード
してお使い下さい。

■  ボックス

margin-☆   »» マージンを個別に指定する
margin:   »» マージンを一括指定する
padding-☆   »» パディングを個別に指定する
padding:   »» パディングを一括して指定する
border-☆-width   »» 枠線の太さを個別に指定する
border-width:   »» 枠線の太さを一括指定する
border-☆-color   »» 枠線の色を個別に指定する
border-color:   »» 枠線の色を一括指定する
border-☆-style   »» 枠線の種類を個別に指定する
border-style:   »» 枠線の種類を一括指定する
border-☆   »» 個別の枠線ごとに一括指定する
border:   »» 枠線を一括指定する
width:
  height:
  »» 内容領域の幅と高さを指定する。

■ border-color:  枠線の色を一括指定する

border-color:上下左右
border-color:◆ ◆上下、左右
border-color:◆ ◆ ◆上、左右、下
border-color:◆ ◆ ◆ ◆上、右、下、左

・キーワード
・transparent(透明)
・RGB値

transparent
transparentを指定すると背景が透明になり、結果的に親ボックスの背景色が透けて見えます。
RGB値 #rrggbb
#に続けて赤「r」緑「g」青「b」のそれぞれの値を00〜ffの16進数で2桁ずつ、計6桁で指定。
#rgb
#に続けて赤「r」緑「g」青「b」のそれぞれの値を00〜ffの16進数で2桁ずつ、計3桁で指定。
rgb(n,n,n)
rgbに続く()の中に続けて、赤「r」緑「g」青「b」のそれぞれの値を「,」で区切って10進数の整数で指定。
rgb(n%,n%,n%)
rgbに続く()の中に続けて、赤「r」緑「g」青「b」のそれぞれの値を「,」で区切ってパーセントで指定。
キーワード
色名で直接指定します。大文字小文字の区別はありません。またWindowsやMacOSが保持しているシステム情報を呼び出して、 システムカラーを使用することもできます。(下表参照)

ボックス領域の上下左右の枠線の色を一括して指定します。 値が1つだけの時は上下左右に同じ色が適用されます。 2〜4個の値を半角スペースで区切って並べると、値の数によって適用される 枠線と色の組み合わせが変化します。 色は上記のいずれかで指定しますが、transparentを指定すると、 枠線の幅は確保されたまま透明で表示されるので、背景の色が透過されるようになります。

システムカラーのキーワード
activeborder アクティブなウィンドウの枠の色
activecaption アクティブなウィンドウのタイトルバーの色
appworkspace アプリケーション内のウィンドウの背景色
background デスクトップの背景色
buttonface 立体的ボタンの表面の色
buttonhighlight 立体的なボタンの光の当たっている面の色
buttonshadow 立体的なボタンの影になってる面の色
buttontext 立体的なボタンのテキストの色
captiontext タイトルバーのテキストの色
graytext 選択できないテキストの色
highlight 選択している状態の色
highlighttext 選択しているテキストの色
inactiveborder アクティブでないウィンドウの枠の色
inactivecaption アクティブでないウィンドウのタイトルバーの色
inactivecaptiontext アクティブでないウィンドウのタイトルバーのテキストの色
infobackground ツールチップの背景色
infotext ツールチップのテキストの色
menu メニューの背景色
menutext メニューのテキストの色
scrollbar スクロールバーの色
threeddarkshadow 立体的に表示される部分の暗い影の色
threedface 立体的に表示される部分の表面の色
threedhighlight 立体的に表示される部分の光の当たっている面の色
threedlightshadow 立体的に表示される部分の明るい影の色
threedshadow 立体的に表示される部分の影の色
window ウィンドウの背景色
windowframe ウィンドウのフレームの色
windowtext ウィンドウのテキストの色

IE4 IE5 IE5.5 IE6 NN4 NN4.7 N6.2
色名
システムカラー × ×
transparent × × × × × ×
#rgb
#rrggbb
rgb(n%,n%,n%)
rgb(n,n,n)

LINK

 

◆ このページのTOPへ ◆







Copyright © 2004 − ykr414. All Rights Reserved.