|
バナーはダウンロード
してお使い下さい。
|
■ ボックス
▼
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:◆ ◆ ◆ ◆上、右、下、左
|
| ◆ |
・キーワード
・transparent（透明）
・RGB値
|
|
|
transparent
|
transparentを指定すると背景が透明になり、結果的に親ボックスの背景色が透けて見えます。
|
|
RGB値
|
#rrggbb
|
#に続けて赤「r」緑「g」青「b」のそれぞれの値を00〜ffの１６進数で２桁ずつ、計６桁で指定。
|
|
#rgb
|
#に続けて赤「r」緑「g」青「b」のそれぞれの値を00〜ffの１６進数で２桁ずつ、計３桁で指定。
|
|
rgb(n,n,n)
|
rgbに続く()の中に続けて、赤「r」緑「g」青「b」のそれぞれの値を「,」で区切って１０進数の整数で指定。
|
|
rgb(n%,n%,n%)
|
rgbに続く()の中に続けて、赤「r」緑「g」青「b」のそれぞれの値を「,」で区切ってパーセントで指定。
|
|
キーワード
|
色名で直接指定します。大文字小文字の区別はありません。またWindowsやMacOSが保持しているシステム情報を呼び出して、
システムカラーを使用することもできます。(下表参照）
|
ボックス領域の上下左右の枠線の色を一括して指定します。
値が１つだけの時は上下左右に同じ色が適用されます。
２〜４個の値を半角スペースで区切って並べると、値の数によって適用される
枠線と色の組み合わせが変化します。
色は上記のいずれかで指定しますが、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) |
○ |
○ |
○ |
○ |
○ |
○ |
○ |
|
ＬＩＮＫ
|
