CSSのシステム色
×
[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。
CSSのシステム色
CSSのシステム色の一覧は以下の通り。
Canvas | 
アプリケーションのコンテンツや文書の背景 | |
CanvasText | 
アプリケーションのコンテンツや文書の文字 | |
LinkText | 
アクティブではない、訪問していないリンクの文字 | |
VisitedText | 
訪問済みのリンクの文字 | |
ActiveText | 
アクティブなリンクの文字 | |
ButtonFace | 
プッシュボタンの背景 | |
ButtonText | 
プッシュボタンの文字 | |
ButtonBorder | 
プッシュボタンのベースの境界色 | |
Field | 
入力フィールドの背景 | |
FieldText | 
入力フィールドの文字 | |
Highlight | 
コントロールの中で選択されている部分の背景 | |
HighlightText | 
コントロールの中で選択されている部分の文字 | |
SelectedItem | 
選択されているコントロールの背景 | |
SelectedItemText | 
選択されているコントロールの文字 | |
AccentColor | 
強調されたUIコントロールの背景 | |
AccentColorText | 
強調されたUIコントロールの文字 | |
Mark | 
(HTMLのmark要素のように)特別なマークが付けられた部分の背景 | |
MarkText | 
(HTMLのmark要素のように)特別にマークが付けられた部分の文字 | |
GrayText | 
無効な部分の文字 | 
CSS Color Module Level 3で非推奨となったCSS2のシステム色の一覧は以下の通り。
ActiveBorder | 
アクティブ・ウィンドウの境界線 | |
ActiveCaption | 
アクティブ・ウィンドウのキャプションの背景 ※前景色にCaptionTextを使用のこと | 
|
AppWorkspace | 
複数文書インターフェイス(MDI)の背景 | |
Background | 
デスクトップの背景 | |
ButtonFace | 
境界線で立体表示する要素の表面の背景 ※前景色にButtonTextを使用のこと。 | 
|
ButtonHighlight | 
境界線で立体表示する要素の光源に近い境界線 | |
ButtonShadow | 
境界線で立体表示する要素の光源から遠い境界線 | |
ButtonText | 
プッシュボタンの文字 ※背景色にButtonFaceまたはThreeDFaceを使用のこと | 
|
CaptionText | 
キャプションの文字、サイズ変更ボックス、スクロールバーの矢印ボックスの文字 ※背景色にActiveCaptionを使用のこと | 
|
GrayText | 
灰色の(無効な)文字 | |
Highlight | 
選択され制御可能な項目の背景 ※前景色にHighlightTextを使用のこと | 
|
HighlightText | 
選択され制御可能な項目の文字 ※背景色にHighlightを使用のこと | 
|
InactiveBorder | 
非アクティブ・ウィンドウの境界線 | |
InactiveCaption | 
非アクティブ・ウィンドウのキャプションの背景 ※前景色にInactiveCaptionTextを使用のこと | 
|
InactiveCaptionText | 
非アクティブ・ウィンドウのキャプションの文字 ※背景色にInactiveCaptionを使用のこと | 
|
InfoBackground | 
ツールチップ・コントロールの背景 ※前景色にInfoTextを使用のこと | 
|
InfoText | 
ツールチップ・コントロールの文字 ※背景色にInfoBackgroundを使用のこと | 
|
Menu | 
メニューの背景 ※前景色にMenuTextを使用のこと | 
|
MenuText | 
メニューの文字 ※背景色にMenuを使用のこと | 
|
Scrollbar | 
スクロールバーの背景 | |
ThreeDDarkShadow | 
境界線が2つの層により立体表示する要素の光源から遠い2辺の暗い方(通常は外側) | |
ThreeDFace | 
境界線が2つの層により立体表示する要素の表面 ※前景色にButtonTextを使用のこと | 
|
ThreeDHighlight | 
境界線が2つの層により立体表示する要素の光源に近い2辺の明るい方(通常は外側) | |
ThreeDLightShadow | 
境界線が2つの層により立体表示する要素の光源に近い2辺の暗い方(通常は内側) | |
ThreeDShadow | 
境界線が2つの層により立体表示する要素の光源から遠い2辺の明るい方(通常は内側) | |
Window | 
ウィンドウの背景 ※前景色にWindowTextを使用のこと | 
|
WindowFrame | 
ウィンドウの枠 | |
WindowText | 
ウィンドウ内の文字 ※背景色にWindowを使用のこと |