JavaServer Faces 1.1 のテーマファイルの構造: defaulttheme.jar

テーマについて
JAR ファイル defaulttheme の構造
マニフェストファイル
テーマのプロパティーファイル
javascript.properties ファイル
テーマのスタイルシート
各コンポーネントの CSS セレクタ
テーマの 画像
    images.properties ファイル
テーマのメッセージ
テーマの作成

テーマについて

この文書では Visual Web JSF をサポートする J2EE 1.4 または J2EE 1.3 プロジェクト、特に「パレット」の「基本」、「レイアウト」、および「複合」の各カテゴリ内のコンポーネントで使用可能な、JavaServer Faces 1.1 コンポーネントのデフォルトテーマの構造について説明します。IDE で使用されるその他のテーマも同様の構造を持ちます。IDE に付属しているテーマは編集しないでください。

IDE では、JavaServer Faces 1.2 コンポーネント用に 1 つの標準のテーマファイルが、 JavaServer Faces 1.1 コンポーネント用に 3 つの標準のテーマファイルが使用できます。これらのファイルは、install-dir/rave2.0/modules/ext にあります。ファイル名は次のとおりです。

このディレクトリには、サンプルアプリケーションのテーマなど、ほかにもテーマが含まれる場合があります。

この文書では、テーマ defaulttheme.jar について説明します。このテーマは、JavaServer Faces 1.1 コンポーネントのデフォルトテーマです。テーマは、画像、JavaScript、CSS ファイル、およびメッセージで構成され、これらを使ってコンポーネントの Look & Feel が定義されます。この文書では、テーマを構成するファイル、また各コンポーネントでこれらのファイルがどのように使用されるかについて説明します。

テーマには次のファイルが含まれます。

JAR ファイル defaulttheme の構造

defaulttheme.jar ファイルには、次のディレクトリがあります。

META-INF MANIFEST.MF ファイルが含まれます。このファイルについては、マニフェストファイルで説明します。

com/sun/web/ui/defaulttheme/JavaScript

コンポーネントに必要な JavaScript ファイルが含まれます。これらの JavaScript ファイルは、com/sun/web/ui/defaulttheme/properties にある javascript.properties ファイルのキーにマップされます。

com/sun/web/ui/defaulttheme/messages

messages.properties ファイルが含まれます。このファイルには、コンポーネントによって表示されるメッセージテキストが含まれます。このファイルによって、メッセージのテキストにキーがマップされます。

com/sun/web/ui/defaulttheme/css

コンポーネントに必要な CSS スタイルシートファイルが含まれます。これらの CSS ファイルは、com/sun/web/ui/defaulttheme/properties ディレクトリにあるスタイルシートプロパティーファイルのキーにマップされます。

com/sun/web/ui/defaulttheme/images

コンポーネントによって使用されるすべての画像が含まれます。このディレクトリにはコンポーネントごとにサブディレクトリがあり、各サブディレクトリにはそのコンポーネントの画像が含まれます。画像ファイルは、com/sun/web/ui/defaulttheme/properties にある images.properties ファイルのキーにマップされます。

com/sun/web/ui/defaulttheme/properties

テーマのプロパティーファイルが含まれます。これらのファイルによって、コンポーネントによって使用されるリソースの場所にキーがマップされます。プロパティーファイルには、JavaScript、css、および images の各ディレクトリにあるファイルへのキーマッピングが含まれます。

マニフェストファイル

テーマの MANIFEST.MF ファイルには、テーマのバージョン、名前、接頭辞、およびプロパティーファイルのパスに関する情報が含まれます。このファイルは、JAR ファイルの最上位の META-INF ディレクトリにあります。テーマモジュールでは、マニフェストファイルを読み取ってプロパティーファイルの場所が特定されます。

defaulttheme のマニフェストファイルには、テーマに関する情報を定義する次のキーが含まれます。

Implementation-Title: Sun Java Web User Interface Components Beta2 Theme: defaulttheme
Implementation-Version: 3.0.Beta2
Implementation-Vendor: Sun Microsystems, Inc.
Implementation-Vendor-Id: com.sun
Specification-Title: Sun Java Web User Interface Components Theme: defaulttheme
Specification-Version: 3.0
Specification-Vendor: Sun Microsystems, Inc.

defaulttheme のマニフェストには、テーマモジュールがこの特定のテーマとその構成ファイルにアクセスする方法を定義する次のキーが含まれます。各行で # 文字に続くテキストはコメントで、実際のファイルには存在しません。

名前: com/sun/web/ui/theme/ # テーマディレクトリの場所。
X-SJWUIC-SWAED-Version: 3.0 # コンポーネントの SWAED バージョン。
X-SJWUIC-Theme-Version: 1.0 # テーマのバージョン番号。
X-SJWUIC-Theme-Name: defaulttheme # テーマ名。
X-SJWUIC-Theme-Prefix: /theme # テーマへの相対パス。
X-SJWUIC-Theme-Messages: com.sun.web.ui.defaulttheme.messages.messages # messages.properties ファイルの場所。
X-SJWUIC-Theme-Images: com.sun.web.ui.defaulttheme.properties.images # image.properties ファイルの場所。
X-SJWUIC-Theme-JavaScript: com.sun.web.ui.defaulttheme.properties.javascript # javascript.properties ファイルの場所。 X-SJWUIC-Theme-Stylesheets: com.sun.web.ui.defaulttheme.properties.stylesheets # stylesheet.properties ファイルの場所。

テーマのプロパティーファイル

プロパティーファイルには、プロパティーのキーをその実際の値にマップするキーと値のペアが含まれます。各コンポーネントでは、このキーを使って、画像、JavaScript ファイル、またはスタイルシートの正しいパスが検索されます。キーの名前は変更しないでください。

テーマでは次のプロパティーファイルが使用されます。

javascript.properties

必要な JavaScript ファイルを特定するためにコンポーネントによって使用される JavaScript のキーが含まれます。キーは適切な JavaScript ファイルの絶対パスに設定されます。 このプロパティーファイルは、com/sun/web/ui/defaulttheme/properties ディレクトリにあります。JavaScript のキーについては、javacript.properties ファイルを参照してください。

stylesheet.properties

ブラウザのさまざまなバージョンに必要なスタイルシートファイルのパスを指定するスタイルシートのキーが含まれます。コンポーネントでは、Web ブラウザのバージョンによって、異なるスタイルが使用されます。このプロパティーファイルは、com/sun/web/ui/defaulttheme/properties ディレクトリにあります。スタイルシートのキーについては、テーマのスタイルシートを参照してください。

styles.properties
スタイルシートで使用する CSS スタイルセレクタを指定する、スタイルのキーが含まれます。このプロパティーファイルは、com/sun/web/ui/defaulttheme/properties ディレクトリにあります。スタイルのキーについては、テーマのスタイルシートを参照してください。

images.properties

コンポーネントによって表示される画像の絶対パスを指定する画像のキーが含まれます。 このプロパティーファイルは、com/sun/web/ui/defaulttheme/properties ディレクトリにあります。画像のキーについては、テーマの画像を参照してください。

messages.properties コンポーネントによって表示されるメッセージのキーと値が含まれます。このプロパティーファイルは、com/sun/web/ui/defaulttheme/messages ディレクトリにあります。メッセージのキーについては、テーマのメッセージを参照してください。

テーマのマニフェストファイルで、プロパティーファイルの場所が指定されます。詳細は、マニフェストファイルを参照してください。

javascript.properties ファイル

javascript.properties ファイルによって、defaulttheme/javascript ディレクトリにあるコンポーネントの JavaScript ファイルに JavaScript のキーがマップされます。 JavaScript ファイルには、コンポーネントによって使用される関数が含まれます。

次の表に、javascript.properties ファイルに含まれるキーを示します。

キー

defaulttheme のキー値

説明

global global=basic すべてのページに含める必要がある JavaScript ファイルのキー。このキーの値は、すべてのコンポーネントがアクセスする必要がある JavaScript ファイルの 1 つ以上のキーです。すべてのコンポーネントが formElements.js 関数を使用できるように、このキーは global=basic に設定する必要があります。

basic

basic=formElements.js

コンポーネントに共通の JavaScript 関数。

addRemove

addRemove=addremove.js

追加・削除リストコンポーネントの関数。

calendar

calendar=calendar.js

カレンダコンポーネントの関数。

orderableList

orderableList=orderablelist.js

順序変更可能リストコンポーネントの関数。

table

table=table.js

表コンポーネントの関数。

tree

tree=tree.js

ツリーコンポーネントの関数。

editableList

editableList=editablelist.js

編集可能リストコンポーネントの関数。


テーマのスタイルシート

JAR ファイル defaulttheme には、com/sun/web/ui/defaulttheme/css ディレクトリにある次のスタイルシートが含まれます。

各コンポーネントの CSS セレクタ

ここでは、テーマモジュールに用意されている CSS セレクタをコンポーネントごとに表に示します。

追加・削除リストのセレクタ
警告のセレクタ
パンくずリストのセレクタ
ボタンのセレクタ
カレンダのセレクタ
チェックボックスとラジオボタンのセレクタ
ドロップダウンリストのセレクタ
リストのセレクタ
インラインヘルプのセレクタ
メッセージ/メッセージグループのセレクタ
小型タブのセレクタ
ラベルのセレクタ
ページ警告のセレクタ
プロパティーシートのセレクタ
ナビゲーションリンク (スキップハイパーリンク) のセレクタ
表のセレクタ
タブのセレクタ
テキストフィールド/テキスト領域/パスワードのセレクタ
ツリーのセレクタ


次の表に、defaulttheme で使用される CSS のスタイルクラスと規則を示します。

CSS セレクタ

説明

BODY、TH、TD、P、DIV、SPAN、INPUT、SELECT、TEXTAREA、FORM、B、STRONG、I、U、h2、H2、H3、H4、H5、H6、DL、DD、DT、UL、LI、OL、OPTION、OPTGROUP、A

背景色、マージン、フォントの種類、フォントサイズなど、これらの各タグの標準スタイルを定義します。

.DefBdy デフォルトの本体のスタイルです。

.hidden

コンポーネントを非表示にするときに使用します。

.disabled  

.float

「float」プロパティーを指定します。

追加・削除リスト 節の先頭へ

CSS セレクタ

説明

.AddRmvLbl

追加・削除リストのラベルの色とフォントの太さ。
メタラベルに使用されるスタイル、またはメタラベルが指定されていない場合にリストボックスのテキストラベルに使用されるスタイルです。

table.AddRmvBtnTbl .Btn1、table.AddRmvBtnTbl .Btn1Hov、table.AddRmvBtnTbl .Btn1Dis、table.AddRmvBtnTbl .Btn2、table.AddRmvBtnTbl .Btn2Hov、table.AddRmvBtnTbl .Btn2Dis

追加・削除リストのボタンのスタイル。width と margin を指定します。
ボタンを含む表のスタイルです。このクラスの表にボタンが表示されるときに、ボタンの外観とレイアウトを調整できるコンテキストセレクタのスタイルがボタン上に表示されます。IE では「padding」プロパティーと「width」プロパティーをオーバーライドします。

.AddRmvLbl2

追加・削除リストのラベルの色。
メタラベルが指定されていない場合に、リストボックスのテキストラベルに使用されるスタイルです。

.AddRmvVrtFst

縦方向の追加・削除リストで、「追加」ボタンのパディングのマージンまたは最小幅。IE では「margin」プロパティーと「width」プロパティーをオーバーライドします。

.AddRmvVrtWin

縦方向の追加・削除リストで、「追加」や「すべてを追加」など、同じ機能グループ内のボタンを区切るマージンまたは最小幅。IE では「margin」プロパティーと「width」プロパティーをオーバーライドします。

.AddRmvVrtBwn

縦方向の追加・削除リストで、「すべてを追加」や「削除」など、異なる機能グループ間のボタンを区切るマージンまたは最小幅。IE では「margin」プロパティーと「width」プロパティーをオーバーライドします。

.AddRmvVrtBtn

縦方向の追加・削除リストのボタンに設定する幅。

.AddRmvHrzWin

横方向の追加・削除リストで、「追加」や「すべてを追加」など、同じ機能グループ内のボタンを区切るマージンまたは最小幅。IE では「margin」プロパティーと「width」プロパティーをオーバーライドします。

.AddRmvHrzBwn

横方向の追加・削除リストで、「すべてを追加」や「削除」など、異なる機能グループ間のボタンを区切るマージンまたは最小幅。IE では「margin」プロパティーと「width」プロパティーをオーバーライドします。

.AddRmvHrzLst レイアウトを変更しない場合に使用します。

.AddRmvHrzDiv

横方向の追加・削除リストの配置を維持するためのマージン、浮動のスタイル、および表示タイプ。このタイプは、現在のテーマではインラインの表です。

警告 節の先頭へ

CSS セレクタ

説明

.AlrtErrTxt

エラーメッセージのヘッダーテキストの外観。IE では「margin-right」プロパティーをオーバーライドします。

.AlrtWrnTxt 警告メッセージのヘッダーテキストの外観。
.AlrtInfTxt 情報メッセージのヘッダーテキストの外観。

a.AlrtLnk:link、a.AlrtLnk:visited、a.AlrtLnk:hover

メッセージテキスト内のリンクの外観。

.AlrtMsgTxt

警告メッセージのテキストの外観。

.AlrtLnkDiv

メッセージテキストとリンク (省略可能) の間に上下余白を作成します。

.AlrtErrTxt img、.AlrtWrnTxt img、.AlrtInfTxt img

警告用に描画される画像の縦方向の位置揃えとマージン。

.AlrtTbl

インラインの警告メッセージを含む表に使用します。

パンくずリスト 節の先頭へ

CSS セレクタ

説明

.BcmWhtDiv

パンくずリストのマージンと白の背景色。

.BcmGryDiv

パンくずリストのパディングとグレーの背景色。

a.BcmLnk:link、a.BcmLnk:visited、a.BcmLnk:hover

パンくずリスト上のリンクの色とテキスト装飾。

.BcmTxt

最後のパンくずリストテキストのフォントの太さと色。

.BcmSep

パンくずリスト間のセパレータの色とマージン。

ボタン 節の先頭へ

CSS セレクタ

説明

.Btn1

主ボタンに共通のスタイルクラス。background-image (ボタンの背景画像の URL)、background-color、color、border-top、border-left、border-right、border-bottom、background-repeat、background-position、font-size、margin、および padding を指定します。IE では「padding」、「width」、「overflow」の各プロパティーをオーバーライドします。

.Btn1Hov

ボタンの上にマウスポインタを置いたとき (マウスオーバー) のスタイル。.Btn1 と同じプロパティーに加えて、カーソルの種類の設定があります。IE では「padding」、「width」、「overflow」、「cursor」の各プロパティーをオーバーライドします。

.Btn1Mni

小型ボタンのスタイルのプロパティー。パラメータは .Btn1 と同じです。IE では「width」プロパティーと「overflow」プロパティーをオーバーライドします。

.Btn1MniHov

小型ボタンの上にマウスポインタを置いたときのスタイルのプロパティー。パラメータは .Btn1Hov と同じです。IE では「cursor」、「width」、「overflow」の各プロパティーをオーバーライドします。

.Btn2

二次ボタンのスタイルクラス。パラメータは .Btn1 と同じです。IE では「padding」、「width」、「overflow」の各プロパティーをオーバーライドします。

.Btn2Hov

二次ボタンの上にマウスポインタを置いたときのスタイルクラス。パラメータは .Btn1Hov と同じです。IE では「padding」、「width」、「overflow」、「cursor」の各プロパティーをオーバーライドします。

.Btn2Mni

二次小型ボタンのスタイルクラス。パラメータは .Btn1Mni と同じです。IE では「width」プロパティーと「overflow」プロパティーをオーバーライドします。

.Btn2MniHov

二次小型ボタンの上にマウスポインタを置いたときのスタイルクラス。パラメータは .Btn1MniHov と同じです。IE では「cursor」、「width」、「overflow」の各プロパティーをオーバーライドします。

.Btn1Dis、.Btn2Dis

主ボタンと二次ボタンの使用不可状態のスタイルクラス。margin、width、color、padding、background-color、border、および font-size を設定します。IE では「padding」、「width」、「overflow」の各プロパティーをオーバーライドします。

.Btn1MniDis、Btn2MniDis

主小型ボタン、二次小型ボタン
の使用不可状態のスタイルクラス。パラメータは .Btn1Dis と同じです。IE では「width」プロパティーと「overflow」プロパティーをオーバーライドします。

.BtnTbl .Btn1、.BtnTbl .Btn1Hov、.BtnTbl .Btn1Dis、.BtnTbl .Btn2、.BtnTbl .Btn2Hov、.BtnTbl .Btn2Dis

ボタンの幅が同じである必要がある配列で使用します。width と margin を設定します。

.BtnAryDiv (非参照)

ボタンのマージンスタイル。margin を設定します。

MstDiv .Btn1、.MstDiv .Btn1Mni、.MstDiv .Btn1Hov、.MstDiv .Btn1MniHov、.MstDiv .Btn2、.MstDiv .Btn2Mni、.MstDiv .Btn2Hov、.MstDiv .Btn2MniHov

マストヘッド欄の修正されたスタイルクラスのプロパティー。border-top、border-left、border-right、border-bottom、および vertical-align の各パラメータを指定します。IE では「vertical-align」プロパティーをオーバーライドします。

カレンダ 節の先頭へ

CSS セレクタ

説明

.CalPopDiv

ポップアップカレンダの div のスタイル。display、position、float、top、および left を指定します。

.CalPopShdDiv

ポップアップカレンダの div のシャドウのスタイル。display、position、padding、z-index、float、top、および left を指定します。

.CalPopShd2Div

カレンダのシャドウ 2 のスタイル。display、position、および float を指定します。

.CalPopDiv a.DatCurLnk:link

現在の日付のカレンダリンク。color、background-color、text-decoration、border、display、font-weight、padding、position、および float を指定します。

.CalPopDiv a.DatCurLnk:visited

アクセス済みの現在の日付リンク。color、background-color、text-decoration、border、display、font-weight、および padding を指定します。

.CalPopDiv a.DatCurLnk:hover

現在の日付リンクの上にマウスポインタを置いたときのスタイルのプロパティー。text-decoration を指定します。

.CalPopDiv a.DatLnk:link

カレンダ内の日付リンク。color、background-color、text-decoration、border、display、および padding を指定します。

.CalPopDiv a.DatLnk:visited

カレンダ内のアクセス済み日付リンク。color、background-color、text-decoration、border、display、および padding を指定します。

.CalPopDiv a.DatLnk:hover

日付リンクの上にマウスポインタを置いたときのスタイルのプロパティー。text-decoration、display、および padding を指定します。

.CalPopDiv a.DatBldLnk:link

日付リンクをボールドにします。color、background-color、text-decoration、display、font-weight、および padding を指定します。

.CalPopDiv a.DatBldLnk:visited

アクセス済みの日付リンク (ボールド)。color、background-color、border、text-decoration、display、font-weight、および padding を指定します。

.CalPopDiv a.DatBldLnk:hover

日付リンク (ボールド) の上にマウスポインタを置いたときのスタイル。text-decoration を指定します。

.CalPopDiv a.DatOthLnk:link

現在の月以外の月の日付リンクのスタイル。color、background-color、border、text-decoration、display、および padding を指定します。

.CalPopDiv a.DatOthLnk:visited

現在の月以外の月のアクセス済み日付リンクのスタイル。color、background-color、bordor、text-decoration、display、および padding を指定します。

.CalPopDiv a.DatOthLnk:hover

現在の月以外の月の日付リンクの上にマウスポインタを置いたときのスタイル。text-decoration と border を指定します。

.CalPopDiv a.DatOthBldLnk:link

現在の月以外の月の日付リンク (ボールド) のスタイル。color、background-color、border、text-decoration、display、font-weight、および padding を指定します。

.CalPopDiv a.DatOthBldLnk:visited

現在の月以外の月のアクセス済み日付リンク (ボールド) のスタイル。color、background-color、border、text-decoration、display、font-weight、および padding を指定します。

.CalPopDiv a.DatOthBldLnk:hover

現在の月以外の月の日付リンク (ボールド) の上にマウスポインタを置いたときのスタイル。text-decoration を指定します。

.CalPopDiv .DatSelDiv

月と年の入力を含むレイヤーのスタイル。background-image、background-color、border、background-repeat、background-style、padding-top、text-align、および -moz-border-radius を指定します。IE では「border-bottom」プロパティーをオーバーライドします。

.CalPopDiv .DatSelDiv input

入力を指定するときの DatSelDiv のスタイルクラス。padding を指定します。

.CalPopDiv .DatSelDiv select

特定の月を選択するときの DatSelDiv のスタイルクラス。margin を指定します。

.CalPopDiv .DatCalDiv

カレンダの div のスタイル。background-color、border、border-top、text-align、padding を指定します。IE では「padding」、「border-left」、「border-right」、「border-bottom」、および「border-top」の各プロパティーをオーバーライドします。

.CalPopDiv .DatDayHdrTxt

曜日を表示する span のスタイルクラス。color、font-weight、padding、および display を指定します。

.CalPopDiv .DatCalTbl

カレンダの表のスタイル。「border-left」プロパティー、「border-right」プロパティーを指定します。IE では「border-top」、「border-bottom」、および「width」の各プロパティーをオーバーライドします。

.CalPopDiv .DatCalTbl td

表の td タグのスタイルプロパティー。border と width を指定します。

.CalPopDiv .DatCalTbl th

表の th タグのスタイルプロパティー。border-bottom、border-left、border-right、background-color、width、および padding-top を指定します。IE では「border-top」プロパティーをオーバーライドします。

.CalPopDiv .MnuJmp

ジャンプのドロップダウンのスタイル。

color を指定します。

.CalPopDiv .MnuJmp option

ジャンプのドロップダウン内のオプションのスタイル。color を指定します。

.CalPopDiv .DatCalTbl td.CalPopFtr

今日の曜日を示す日付選択表のメッセージのスタイル。border と width を指定します。

.CalPopDiv .CalPopFtrDiv

今日の曜日を示す日付選択表のメッセージの div。background-image、background-repeat、background-color、border、background -position、float および width を指定します。

.CalPopDiv .CurDayTxt

今日の曜日を示す日付選択表のメッセージのテキスト。

color、float、clear、padding、font-weight、および font-size を指定します。

.CalPopDiv a.CalPopClsLnk:link

現在の日付テキストの近くに表示される閉じるリンクのスタイルクラス。text-decoration、color、font-size、float、margin、padding、および border を指定します。

.CalPopDiv a.CalPopClsLnk:active

現在の日付テキストの近くに表示される閉じるリンクのスタイルクラス。text-decoration、color、font-size、および border を指定します。

.CalPopDiv a.CalPopClsLnk:hover

閉じるリンクの上にマウスポインタを置いたときのスタイル。text-decoration を指定します。

.CalPopDiv .DatSelDiv input

選択した日付の div の入力スタイルのスタイルクラス。padding-top を指定します。

.CalPopFldLbl

開始日付ラベルのスタイルクラス。display、margin-right、および padding-top を指定します。

.CalPopFldImg img

日付を表示する href リンクのスタイルクラス。margin を指定します。IE では「margin-top」プロパティーをオーバーライドします。

チェックボックスとラジオボタン 節の先頭へ

CSS セレクタ

説明

.Cb

チェックボックスのスタイルを参照します。

.CbDis チェックボックスの使用不可プロパティー。color と background-color を指定します。使用不可状態のチェックボックスの背景色を設定します。また、使用不可状態のチェックボックスが選択されているかどうかを判断できない Netscape 7 のバグを修正します。
.CbLb チェックボックスラベルのスタイル。
.CbLblDis チェックボックスラベルの使用不可状態のスタイル。
.CbImg チェックボックスの画像のスタイル。
.CbImgDis チェックボックスの画像の使用不可状態のスタイル。
.CbSpn チェックボックスの span のスタイル。
.CbSpnDis チェックボックスの span の使用不可状態のスタイル。
.CbGrp チェックボックスグループのスタイル。
.CbGrpCpt チェックボックスグループのキャプションのスタイル。
.CbGrpLbl チェックボックスグループのラベルのスタイル。
.CbGrpLblDis チェックボックスグループのラベルの使用不可状態のスタイル。
.CbGrpRwEv チェックボックスグループの偶数行のスタイル。
.CbGrpRwOd チェックボックスグループの奇数行のスタイル。
.CbGrpClEv チェックボックスグループの偶数列のスタイル。
.CbGrpClOd チェックボックスグループの奇数列のスタイル。
.Rb ラジオボタンのスタイルを参照します。
.RbDis ラジオボタンの使用不可プロパティー。color と background-color を指定します。使用不可状態のラジオボタンの背景色を設定します。また、使用不可状態のラジオボタンが選択されているかどうかを判断できない Netscape 7 のバグを修正します。
.RbLb ラジオボタンラベルのスタイル。
.RbLblDis ラジオボタンラベルの使用不可状態のスタイル。
.RbImg ラジオボタンの画像のスタイル。
.RbImgDis ラジオボタンの画像の使用不可状態のスタイル。
.RbSpn ラジオボタンの span のスタイル。
.RbSpnDis ラジオボタンの span の使用不可状態のスタイル。
.RbGrp ラジオボタングループのスタイル。
.RbGrpCpt ラジオボタングループのキャプションのスタイル。
.RbGrpLbl ラジオボタングループのラベルのスタイル。
.RbGrpLblDis ラジオボタングループのラベルの使用不可状態のスタイル。
.RbGrpRwEv ラジオボタングループの偶数行のスタイル。
.RbGrpRwOd ラジオボタングループの奇数行のスタイル。
.RbGrpClEv ラジオボタングループの偶数列のスタイル。
.RbGrpClOd ラジオボタングループの奇数列のスタイル。
   
ドロップダウンリスト 節の先頭へ

CSS セレクタ

説明

.MnuJmpOptGrp

ジャンプメニューのオプショングループのスタイル。color、font-weight、および font-style を指定します。

.MnuStdOptGrp

メニューのオプショングループの外観。color、font-weight、および font-style を指定します。

.MnuStdOpt

標準メニューの使用可能なオプションの外観。color を指定します。

.MnuStdOptSel

標準メニューで選択されているオプションの外観。color を指定します。

.MnuStd

標準メニューの外観。color、border-bottom-color、および border-right-color を指定します。

.MnuJmpOptSep

ジャンプメニューのセパレータのスタイル。color を指定します。

.MnuJmpOptDis

ジャンプメニューの使用不可のオプションの外観。color を指定します。

.MnuStdOptDis

標準メニューの使用不可のオプションの外観。color を指定します。

.MnuJmpDis

ジャンプメニューの使用不可状態の外観。background-color と color を指定します。

.MnuStdDis

標準メニューの使用不可状態の外観。background-color と color を指定します。

.MnuJmp

ジャンプメニューの外観。color、border-bottom-color、および border-right-color を指定します。

.MnuJmpOpt

ジャンプメニューのオプションの外観。color を指定します。

.MnuJmpOpt:hover

ジャンプメニューのオプションの上にマウスポインタを置いたときの外観。text-decoration を指定します。

.MnuJmpOptSel

ジャンプメニューで選択されているオプションの外観。color と font-weight を指定します。

インラインヘルプ 節の先頭へ

CSS セレクタ

説明

.HlpPgeTxt

ヘルプページのテキスト。color を設定します。

.HlpFldTxt

ヘルプフィールドのテキスト。color、font-size、および padding-top を設定します。

a.HlpPgeLnk:link、a.HlpPgeLnk:visited

ヘルプページのリンクのスタイル。color と text-decoration を設定します。

a.HlpFldLnk:link、a.HlpFldLnk:visited

ヘルプフィールドのリンクのスタイル。color、text-decoration、および font-size を設定します。

a.HlpPgeLnk:hover

ヘルプページのリンクの上にマウスポインタを置いたときのスタイル。color と text-decoration を設定します。

a.HlpFldLnk:hover

ヘルプフィールドのリンクの上にマウスポインタを置いたときのスタイル。font-size、color、および text-decoration を設定します。

   
ラベル 節の先頭へ

CSS セレクタ

説明

.LblLev1Txt

ラベルレベル 1 のスタイル。color、font-size、および font-weight を指定します。

.LblLev2Txt

ラベルレベル 2 のスタイル。color と font-weight を指定します。

.LblLev2smTxt

ラベルレベル 2 の小さな文字のスタイル。font-size と font-weight を指定します。

.LblRqdDiv

ラベルの div の必須アイコンのスタイル。color を指定します。

.LblLev3Txt

ラベルレベル 3 のスタイル。color を指定します。

リスト 節の先頭へ

CSS セレクタ

説明

.Lst

リストのスタイルクラス。color、border-bottom-color、および border-right-color を指定します。

.LstOpt

リストのオプションのスタイル。color を指定します。

.LstOptSel

リスト内で選択されているオプション。color を指定します。

.LstOptGrp

リストのオプショングループのスタイル。color、font-weight、および font-style を指定します。

.LstDis .LstOptGrp

リストの使用不可のオプショングループのスタイル。color と background-color を指定します。

.LstOptSep

リストのオプションのセパレータ。color を指定します。

.LstOptDis

リストのオプションの使用不可状態のスタイル。color を指定します。

.LstDis

使用不可のリストの外観。border-bottom-color、border-right-color、color、background-color、font-weight、および font-style を指定します。

.LstDis option

使用不可のリスト内のオプションのスタイル。background-color と color を指定します。

.LstMno

モノスペースのリストのスタイル。border-bottom-color、border-right-color、color、font-family、font-weight、および font-space を指定します。

.LstMno option

モノスペースのリストオプションのスタイル。font-family を指定します。

.LstMno .LstOptGrp

モノスペースのリストグループオプションのスタイル。color、font-space、font-family、および font-weight を指定します。

.LstMnoDis

モノスペースのリストの使用不可状態のスタイル。font-family、font-weight、font-syle、background-color、および color を指定します。

.LstMnoDis option

モノスペースの使用不可のリストオプションのスタイル。font-family、background-color、および color を指定します。

.LstMnoDis .LstOptGrp

モノスペースの使用不可のグループオプションリストのスタイル。font-weight、font-style、および color を指定します。

.LstAln

リストの位置揃えのスタイル。vertical-align と padding を指定します。

   
メッセージ/メッセージグループ 節の先頭へ

CSS セレクタ

説明

.MsgFldSumTxt

メッセージフィールドの概要テキストのスタイル。color と font-weight を指定します。

.MsgFldTxt

メッセージの詳細テキストのスタイル。color を指定します。

.MsgGrpTbl

メッセージグループの表のスタイル。border-left、border-top、border-bottom、および border-right を指定します。IE では「margin-top」プロパティーをオーバーライドします。

.MsgGrpTbl td

メッセージグループの表の td のスタイル。background-color と padding を指定します。IE では「padding」プロパティーをオーバーライドします。

.MsgGrpTblTtl

メッセージグループの表のタイトルのスタイル。color、background-color、border-top、border-left、border-right、text-align、padding、font-weight、margin-top、および font-size を指定します。IE では「margin-top」プロパティーをオーバーライドします。

.MsgGrpDiv

メッセージグループの div のスタイル。margin を指定します。

.MsgGrpDiv ul

メッセージグループの div の番号なしリストのスタイル。padding、margin、color、および list-style-type を指定します。IE では「padding」プロパティーと「margin」プロパティーをオーバーライドします。

.MsgGrpDiv ul li

メッセージグループの div の番号なしリストのリスト項目のスタイル。IE では「padding」プロパティーと「margin-bottom」プロパティーをオーバーライドします。

.MsgGrpSumTxt

メッセージグループの概要テキストのスタイル。diplay、font-weight、padding-bottom、および color を指定します。IE では「padding-bottom」プロパティーをオーバーライドします。

.MsgGrpTxt

メッセージグループ内で描画されるテキストのスタイル。diplay、padding-bottom、および color を指定します。

小型タブ 節の先頭へ

CSS セレクタ

説明

.MniTabDiv

左側のナビゲーション用小型タブを含む div のスタイル。background-color、background-image、background-repeat、background-position、および padding を指定します。

table.MniTabTbl td

左側のナビゲーション用小型タブを含む表の td のスタイル。background-color、background-image、border、background-repeat、および background-position を指定します。

a.MniTabLnk:link、a.MniTabLnk:visited

左側のナビゲーション用小型タブで未選択のタブの <a> タグのリンクスタイル。color、text-decoration、display、font-size、および padding を指定します。

.MniTabSelTxt

選択されている左側のナビゲーション用小型タブ内のテキストのスタイル。color、text-decoration、display、padding、および font-size を指定します。

table.MniTabTbl td.MniTabTblSelTd

選択されている左側のナビゲーション用小型タブを含む表のセルの <td> のスタイル。color、text-decoration、border-bottom、background-repeat、および background-position を指定します。

.MniTabDiv td.hidden

小型タブの div の非表示の td のスタイル。display を指定します。

table.MniTabTbl

小型タブの表のスタイル。border-collapse を指定します。

a.MniTabLnk:hover

小型タブのリンクの上にマウスポインタを置いたときのスタイルのプロパティー。text-decoration を指定します。

.TabGrp

小型タブのタブグループのスタイル。指定するスタイルはありません。

.TabGrp .TabGrpBox

タブグループボックスのスタイル。border、border-top、および padding を指定します。

.TabGrp .MniTabDiv

タブグループの小型タブの div のスタイル。background-color と background-image を指定します。

.TabGrp a.MniTabLnk:link、

.TabGrp a.MniTabLnk:visited

タブグループの小型タブのリンクのスタイル。padding を指定します。

.TabGrp .MniTabSelTxt

タブグループの小型タブの選択されているテキストのスタイル。padding を指定します。

.TabGrp .MniTabDiv td.hidden

タブグループの小型タブの div の非表示プロパティー。display を指定します。

ページ警告 節の先頭へ

CSS セレクタ

説明

.FulAlrtHdrTxt

警告ヘッダーテキストのスタイル。margin と font-weight を指定します。

.FulAlrtMsgTxt

警告メッセージテキストのスタイル。color を指定します。

.FulAlrtHdrDiv

警告ヘッダーの div のスタイル。margin を指定します。

.FulAlrtMsgDiv

警告メッセージの div のスタイル。margin を指定します。

.FulAlrtFrmDiv

フォーム要素またはその他のメッセージ以外のテキストコンテンツを含むブロックの警告フォームの div のスタイル。margin を指定します。

プロパティーシート 節の先頭へ

CSS セレクタ

説明

.ConLin

コンテンツページの行セパレータのスタイル。セクションの区切り線に使用されます。border-right と background-color を指定します。

.ConFldSetLgdDiv

コンテンツフィールドセットの説明の div のスタイル。color、font-size、font-weight、および margin-bottom を指定します。

.ConSubSecTtlTxt

コンテンツページのサブセクションタイトルテキストのスタイル。color、margin、font-size、および font-weight を指定します。IE では「margin」、「font-size」、および「font-weight」の各プロパティーをオーバーライドします。

.ConFldSetLgd

コンテンツフィールドセットの説明のスタイル。color を指定します。

.ConDefTxt

コンテンツページの定義テキストのスタイル。color を指定します。

.ConRqdTxt

コンテンツページの必須テキストの色。「必須フィールドを示す」というテキストを囲む span で呼び出されるスタイル。color を指定します。

.ConErrLblTxt

コンテンツページのエラーラベルテキストのスタイル。エラー状態のラベルを囲む span で呼び出されます。color と font-weight を指定します。

.ConWrnLblTxt

コンテンツページの警告ラベルテキストのスタイル。color と font-weight を指定します。

a.JmpLnk:link、a.JmpLnk:visited、a.JmpLnk:hover

ページ先頭のジャンプリンクに使用されるスタイル。
color、text-decoration、および vertical-align を指定します。

a.JmpTopLnk:link、a.JmpTopLnk:visited、a.JmpTopLnk:hover

各セクションの末尾にあるページ先頭に戻るリンクに使用されるスタイル。color と text-decoration を指定します。

.ConFldSet

コンテンツフィールドセットのスタイル。フィールドセット自体のスタイルです (フィールドセットは IE でのみ使用)。指定するスタイルはありません。IE では「border」、「margin-top」、および「margin-left」の各プロパティーをオーバーライドします。

.ConFldSetLgd

コンテンツページのフィールドセットの説明のスタイル。フィールドセットの説明および説明を囲む冗長 span のスタイルです (IE 以外のすべてのブラウザで使用)。指定するスタイルはありません。IE では「font-size」、「font-weight」、および「margin」の各プロパティーをオーバーライドします。

.ConFldSetDiv

コンテンツフィールドセットの div のスタイル。フィールドセットの説明を囲む冗長 div のスタイルです (フィールドセットは IE でのみ使用)。margin を指定します。

.ConSubSecDiv

コンテンツページのサブセクションの div のスタイル。サブセクションのレイアウトを制御します。padding を指定します。IE では「margin」プロパティーをオーバーライドします。

.ConTblCl1Div

コンテンツページの表の第 1 列の div のスタイル。コンポーネントレイアウト表の左の列に使用されます。列内の各セルの内容を囲む div で呼び出されます。margin を指定します。

.ConTblCl2Div

コンテンツページの表の第 2 列の div のスタイル。コンポーネントレイアウト表の右列に使用されます。列の各セルの内容を囲む div で呼び出されます。margin を指定します。IE では「margin-bottom」プロパティーをオーバーライドします。

.ConEmbTblCl1Div

コンテンツページの埋め込まれている表の第 1 列の div のスタイル。margin を指定します。コンポーネントレイアウト表を埋め込む必要がある場合に、埋め込まれている表の左列の各セルにある内容を囲む div でこのスタイルが呼び出されます。

.ConEmbTblCl2Div

コンテンツページの埋め込まれている表の第 2 列の div のスタイル。margin を指定します。コンポーネントレイアウト表を埋め込む必要がある場合に、埋め込まれている表の右列の各セルにある内容を囲む div でこのスタイルが呼び出されます。

.ConJmpScnDiv

コンテンツページのジャンプセクションの div のスタイル。ページのジャンプリンクセクション (省略可能) を囲む div で呼び出されます。margin を指定します。

.ConJmpLnkDiv

コンテンツページのジャンプリンクの div のスタイル。ページのジャンプリンクセクション内で各ジャンプリンクを囲む div で呼び出されます。margin と text-indent を指定します。

.ConRqdDiv

コンテンツページの必須の div のスタイル。必須グリフと「必須フィールドを示す」というテキストを囲む div で呼び出されます。text-align と margin を指定します。

.ConJmpTopDiv

コンテンツページの先頭に戻るジャンプの div のスタイル。margin を指定します。

.ConEmbTblCl1Div input[type=checkbox]、.ConEmbTblCl1Div input[type=radio]

コンテンツページの埋め込まれている表の第 1 列の div のチェックボックスとラジオボタンのスタイル。margin と vertical-align を指定します。

div.ConTblCl2Div input、div.ConTblCl2Div select

コンテンツページの埋め込まれている表の第 2 列の div の入力状態と選択状態用のスタイル。vertical-align を指定します。

   
スキップハイパーリンク 節の先頭へ

CSS セレクタ

説明

.SkpWht 不可視のスキップリンクの div のスタイル。background-color と height を指定します。
.SkpMedGry1 色付きの背景を持つスキップハイパーリンクのスタイル。
   
節の先頭へ

CSS セレクタ

説明

table.Tbl

マスター表のスタイル。すべてのコンテキストセレクタがこのスタイルに基づきます。background-color、color、width、padding、border-right、border-bottom、および empty-cells を指定します。IE では「width」、「padding」、「border-top」、「border-bottom」、「border-left」、「border-right」、および「margin」の各プロパティーをオーバーライドします。

table.Tbl td

表の td のスタイル。background-color、border-left、border-bottom、border-right、border-top、および padding を指定します。

table.Tbl th

表の th のスタイル。background-color、border-left、border-bottom、border-right、border-top、padding、および font-weight を指定します。

caption.TblTtlTxt

caption タグで指定される、表のタイトルテキストのスタイル。

color、background-color、background-image、border-top、border-left、border-right、background-repeat、background-position、text-align、padding、font-weight、font-size、-moz-border-radius-topleft、および -moz-border-radius-topright を指定します。IE では「background-position」、「border-left」、および「border-top」の各プロパティーをオーバーライドします。

caption.TblTtlTxt span

キャプションの span のスタイル。font-size と font-weight を指定します。

caption.TblTtlTxt span.TblTtlMsgSpn

キャプションのメッセージのスタイル。color、float、font-weight、font-size、および margin-top を指定します。IE では「float」、「font-weight」、および「font-size」の各プロパティーをオーバーライドします。

caption.TblTtlTxt span.TblTtlTxtSpn

キャプションテキストのスタイル。float、font-weight、および font-size を指定します。IE では「float」、「font-weight」、および「font-size」の各プロパティーをオーバーライドします。

.TblTtlTxtSpn タイトルバーで右揃えされるメッセージテキストに使用されます。
.TblTtlMsgSpn 表示されていない選択項目の数を示すメッセージの表示に使用されます。

table.Tbl td.TblActTd

アクションバーの td のスタイル。表の上部のアクションバーの行にのみ使用されます。background-color、border-left、border-bottom、padding、および vertical-align を指定します。IE では「padding」プロパティーと「vertical-align」プロパティーをオーバーライドします。

table.Tbl td.TblActTd img

アクションバーの td の画像スタイル。IE では「margin-top」プロパティーをオーバーライドします。

table.Tbl td.TblActTdLst

表の下部のアクションバーの行のスタイル。border-top、background-color、border-left、border-bottom、padding、および vertical-align を指定します。IE では「padding」プロパティーと「vertical-align」プロパティーをオーバーライドします。

table.Tbl td.TblActTdLst img

アクション表の最後の行の td の画像スタイル。IE では「margin-top」プロパティーをオーバーライドします。

.TblActLbl

アクションバーのラベルのスタイル。color と font-weight を指定します。

.TblPgnTxt

ページ設定テキストのスタイル。ページ設定コントロールのラベルに使用されます。color と margin を指定します。

.TblPgnTxtBld

ページ設定テキストのボールドスタイル。ページ設定コントロールのラベルに使用されます。margin を指定します。

table.Tbl th.TblColHdrSel

表の選択列ヘッダーのスタイル。選択ウィジェット列コンポーネントに使用される列ヘッダーのスタイルです。常に <th> で呼び出されます。border-top、border-left、border-bottom、background-color、vertical-align、および padding を指定します。

table.Tbl th.TblColHdrSrtSel

表の選択列ソートヘッダーのスタイル。表の第 1 列が現在のソート列かつ選択ウィジェット列であるときに使用される列ヘッダーのスタイルです。常に <th> で呼び出されます。border-top、border-left、border-bottom、background-color、background-image、text-align、background-repeat、background-position、および padding を指定します。

table.Tbl th.TblColHdrSel a.TblHdrLnk:link

表の選択列ヘッダーのリンクのスタイル。表の列ヘッダー内のテキストに使用されます。background-color、text-decoration、background-image、display、background-repeat、background-position、および padding を指定します。

table.Tbl th.TblColHdrSel a.TblHdrLnk:visited

表の選択列ヘッダーのアクセス済みリンクのスタイル。background-color、text-decoration、background-image、display、background-repeat、background-position、および padding を指定します。

table.Tbl th.TblColHdrSel a.TblHdrLnk:hover

表の選択列ヘッダーの上にマウスポインタを置いたときのスタイル。background-color、text-decoration、background-image、background-repeat、および background-position を指定します。

table.Tbl th.TblColHdrSrtSel a.TblHdrImgLnk:link

表の選択列ソートヘッダーの画像リンクのスタイル。表の列ヘッダー内のソートアイコンに使用されます。color、text-decoration、border-left、background、display、text-align、font-weight、padding-bottom、および width を指定します。

table.Tbl th.TblColHdrSrtSel a.TblHdrImgLnk:visited

表の選択列ソートヘッダーの画像リンクのスタイル。color、text-decoration、border-left、background、display、text-align、font-weight、padding-bottom、および width を指定します。

table.Tbl th.TblColHdrSrtSel a.TblHdrImgLnk:hover

表の選択列ソートヘッダーの画像リンクの上にマウスポインタを置いたときのスタイル。color、background-image、background-repeat、background-position、および width を指定します。

table.Tbl th.TblColHdrSrtSel a.TblHdrLnk:link、table.Tbl th.TblColHdrSrtSel a.TblHdrLnk:visited

表の選択列ソートヘッダーのリンクのスタイル。color、text-decoration、background、display、および padding を指定します。

table.Tbl th.TblColHdrSrtSel a.TblHdrLnk:hover

表の選択列ソートヘッダーのリンクの上にマウスポインタを置いたときのスタイル。background-image、background-repeat、および background-position を指定します。

table.Tbl td.TblTdSel

表の選択列のセルの td のスタイル。表の第 1 列にラジオボタンまたはチェックボックスが含まれる場合にセルに使用されます。このスタイルは、第 1 列のヘッダーの <th> および <td> で呼び出されます。background-color、text-align、vertical-align、および padding を指定します。

table.Tbl td.TblTdSrtSel

表のソート選択列のセルの td のスタイル。表の第 1 列が現在のソート列で、列にラジオボタンまたはチェックボックスが含まれる場合にセルに使用されます。これらのセルは左側に 10 px のパディングが必要です。background-color、text-align、vertical-align、および padding を指定します。

table.Tbl th.TblColHdr

表の列ヘッダーのスタイル。列ヘッダーが左端になく、選択ウィジェット列でも現在のソート列でもない場合に使用されるデフォルトの列ヘッダーのスタイルです。常に <th> で呼び出されます。border-top、border-left、border-bottom、background-color、vertical-align、および padding を指定します。

table.Tbl .TblHdrTxt

列ヘッダーのテキストのスタイル。ソートできない列ヘッダーテキストに使用されます。background-color、color、text-decoration、background-image、display、background-repeat、background-position、font-weight、padding、および min-height を指定します。

table.Tbl a.TblHdrLnk:link

列ヘッダーのリンクのスタイル。background-color、background-position、color、text-decoration、background-image、display、background-repeat、background-position、font-weight、および padding を指定します。

table.Tbl a.TblHdrLnk:visited

列ヘッダーのアクセス済みリンクのスタイル。background-color、background-position、color、text-decoration、background-image、display、background-repeat、background-position、font-weight、および padding を指定します。

table.Tbl a.TblHdrLnk:hover

列ヘッダーのリンクの上にマウスポインタを置いたときのスタイル。color、background-color、text-decoration、background-image、font-weight、background-repeat、および background-position を指定します。

table.Tbl a.TblHdrImgLnk:link

列ヘッダーの画像リンク。background-color、color、background-image、text-decoration、border-left、display、background-repeat、background-positon、white-space、padding、および width を指定します。

table.Tbl a.TblHdrImgLnk:visited

列ヘッダーのアクセス済み画像リンク。background-color、color、background-image、text-decoration、border-left、display、background-repeat、background-positon、white-space、padding、および width を指定します。

table.Tbl a.TblHdrImgLnk:hover

列ヘッダーの画像リンクの上にマウスポインタを置いたときのスタイル。color、background-image、white-space、background-repeat、background-position、および width を指定します。

table.Tbl th.TblColHdrSrt

表のソート列のヘッダーのスタイル。列が現在のソート列の場合に列ヘッダーに使用されます。border-top、border-left、border-bottom、background-color、background-image、vertical-align、background-repeat、および background-position を指定します。

table.Tbl th.TblColHdrSrt a.TblHdrLnk:link

表のソート列のヘッダーのリンクのスタイル。color、text-decoration、background、display、font-weight、および padding を指定します。

table.Tbl th.TblColHdrSrt a.TblHdrLnk:visited

表のソート列のヘッダーのアクセス済みリンクのスタイル。color、text-decoration、background、display、font-weight、および padding を指定します。

table.Tbl th.TblColHdrSrt a.TblHdrLnk:hover

表のソート列のヘッダーのリンクの上にマウスポインタを置いたときのスタイル。color、text-decoration、background-image、font-weight、background-repeat、および background-position を指定します。

table.Tbl th.TblColHdrSrt a.TblHdrImgLnk:link

表のソート列のヘッダーの画像リンクのスタイル。color、text-decoration、border-left、background、display、font-weight、padding-bottom、および width を指定します。

table.Tbl th.TblColHdrSrt a.TblHdrImgLnk:visited

表のソート列のヘッダーのアクセス済み画像リンクのスタイル。color、text-decoration、border-left、background、display、font-weight、padding-bottom、および width を指定します。

table.Tbl th.TblColHdrSrt a.TblHdrImgLnk:hover

表のソート列のヘッダーの画像リンクの上にマウスポインタを置いたときのスタイル。color、background-image、background-repeat、および background-position を指定します。

table.Tbl span.TblColHdrSrtDis

表の列ヘッダーのソート無効のスタイル。列が現在の第 1 ソート列である場合に、選択ウィジェット列ヘッダー内の選択できないソートインジケータを囲むために使用されます。color、text-decoration、border-left、background、display、text-align、および padding を指定します。

table.Tbl span.TblColHdrSelDis

表の列ヘッダーの選択不可のスタイル。列が現在の第 1 ソート列でない場合に、選択ウィジェット列ヘッダー内の選択できないソートインジケータを囲むために使用されます。background-image、background-color、color、text-decoration、border-left、display、background-repeat、background-positon、white-space、padding、および width を指定します。

table.Tbl th.TblMultColHdr

複数の列ヘッダーのスタイル。列ヘッダーのサブグループを含むセルに使用されます。border-top、border-left、border-bottom、vertical-align、および background-color を指定します。

.TblMultHdrTxt

複数ヘッダーのテキストのスタイル。子の列ヘッダーのサブグループがあるセルの列ヘッダーのテキストに使用されます。color と font-weight を指定します。

table.Tbl th.TblMultHdr

複数ヘッダーのルートのスタイル。TABLE_MULTIPLE_HEADER _TEXT を含むセルに使用されます。子の列ヘッダーのサブグループの幅全体に適用されます。border-bottom、border-top、border-left、background-color、text-align、および padding を指定します。

table.Tbl th.TblMultColHdr a.TblHdrLnk:link

複数ヘッダーのルートリンクのスタイル。font-weight、color、text-decoration、および border-top を指定します。

table.Tbl th.TblMultColHdr a.TblHdrLnk:visited

複数ヘッダーのアクセス済みルートリンクのスタイル。font-weight、color、text-decoration、および border-top を指定します。

table.Tbl th.TblMultColHdr .TblHdrTxt

複数列の表ヘッダーのテキストのスタイル。font-weight を指定します。

table.Tbl th.TblMultColHdr a.TblHdrLnk:link img

複数の列ヘッダーの画像リンクのスタイル。margin を指定します。

table.Tbl th.TblMultColHdr a.TblHdrLnk:visited img

複数の列ヘッダーのアクセス済み画像リンクのスタイル。margin を指定します。

TblMultColHdr .TblHdrTxt img

複数の列ヘッダーのテキスト画像のスタイル。margin を指定します。

table.Tbl th.TblMultColHdrSrt a.TblHdrLnk:link img

複数のソート列ヘッダーの画像リンクのスタイル。子の列ヘッダーのサブグループが現在のソート列の場合に使用されます。margin を指定します。

table.Tbl th.TblMultColHdrSrt a.TblHdrLnk:visited img

複数のソート列ヘッダーのアクセス済み画像リンクのスタイル。margin を指定します。

table.Tbl th.TblMultColHdr a.TblHdrLnk:hover

表の複数の列ヘッダーの表ヘッダーのリンクの上にマウスポインタを置いたときのスタイル。text-decoration と border-top を指定します。

table.Tbl th.TblMultColHdrSrt

表の複数のソート列ヘッダーのスタイル。margin を指定します。

table.Tbl th.TblMultColHdrSrt a.TblHdrLnk:link

複数のソート列ヘッダーのリンクのスタイル。font-weight、background、color、および text-decoration を指定します。

table.Tbl th.TblMultColHdrSrt a.TblHdrLnk:visited

複数のソート列ヘッダーのアクセス済みリンクのスタイル。font-weight、background、color、および text-decoration を指定します。

table.Tbl th.TblMultColHdrSrt a.TblHdrLnk:hover

複数のソート列ヘッダーのリンクの上にマウスポインタを置いたときのスタイル。color と background-image を指定します。

table.Tbl th.TblMultColHdrSrt a.TblHdrImgLnk:link

複数のソート列ヘッダーの画像リンクのスタイル。background、color、text-decoration、および border-left を指定します。

table.Tbl th.TblMultColHdrSrt a.TblHdrImgLnk:visited

複数のソート列ヘッダーのアクセス済み画像リンクのスタイル。background、color、text-decoration、および border-left を指定します。

table.Tbl th.TblMultColHdrSrt a.TblHdrImgLnk:hover

複数のソート列ヘッダーの画像リンクの上にマウスポインタを置いたときのスタイル。color と background-image を指定します。

table.Tbl .TblTdSrt

現在のソート列内のヘッダー以外のセルに使用される表の td のソートスタイル。background-color を指定します。

table.Tbl .TblColFtrSpc

表のスペーサ列フッターのスタイル。列がスペーサ列の場合に、列フッターに使用されます。border-left、border-bottom、border-top、background-color、および padding を指定します。

table.Tbl th.TblTdSpc

表のスペーサの th のスタイル。スペーサのセルに使用されます。スペーサセルは、2 列または 3 列の表の幅のパディングに使用される、ボーダーが非常に細いセルです。border-top、border-left、border-bottom、background-color、vertical-align、および padding を指定します。

table.Tbl td.TblTdSpc

表のスペーサの td のスタイル。border-left を指定します。

table.Tbl .TblTdAlm

アラームを含むセルに使用される表のアラームのスタイル。背景色を設定します。background-color を指定します。

table.Tbl .TblTdSrtAlm

(非参照)

表のソートアラームのスタイル。background-color を指定します。

table.Tbl a:link

表のリンクのスタイル。color と text-decoration を指定します。

table.Tbl a:visited

表のアクセス済みリンクのスタイル。color と text-decoration を指定します。

table.Tbl a:hover

表のリンクの上にマウスポインタを置いたときのスタイル。color と text-decoration を指定します。

.TblMsgTxt

表のメッセージテキストのスタイル。サブグループのタイトル行内のメッセージテキストに使用されます。空の表に表示されるメッセージテキストにも使用されます。color を指定します。

table.Tbl tr.TblSelRow td

選択されている表の行の td のスタイル。選択されている表の行に適用されます。background-color を指定します。

table.Tbl tr.TblSelRow th

選択されている表の行の th のスタイル。background-color を指定します。

table.Tbl .TblGrpRow

表のグループ行のスタイル。サブグループタイトルとして機能するセルに使用されます。background-color、border-left、border-bottom、border-top、background-image、background-repeat、background-position、vertical-align、min-height、および padding を指定します。IE では「background-repeat」、「background-position」、「vertical-align」、および「padding」の各プロパティーをオーバーライドします。

.TblGrpTxt

グループ表のテキストのスタイル。サブグループタイトル行の内容のデフォルトのテキストスタイルです。color、text-decoration、font-weight、および margin を指定します。IE では「color」、「font-weight」、および「margin」の各プロパティーをオーバーライドします。

table.Tbl .TblGrpLft input

表グループの左ヘッダーの入力スタイル。サブグループのタイトル行の左揃えの内容に使用されます。margin を指定します。IE では「margin」プロパティーをオーバーライドします。

.table.Tbl .TblGrpLft

表グループの左ヘッダーのスタイル。float を指定します。

table.Tbl .TblGrpCbImg img

表グループのチェックボックスの画像スタイル。サブグループのタイトル行の選択ウィジェット上の警告画像のオーバーレイに使用されます。margin-left と margin-bottom を指定します。IE では「margin-left」プロパティーと「margin-bottom」プロパティーをオーバーライドします。

table.Tbl .TblGrpRt

表グループの右ヘッダーのスタイル。サブグループのタイトル行の右揃えの内容に使用されます。float を指定します。

table.Tbl .TblGrpMsgTxt

表グループのメッセージテキストのスタイル。color を指定します。

table.Tbl .TblColFtr

表の列フッターのスタイル。列レベルのフッター内のセルに使用されます。border-bottom、border-top、background-color、および padding を指定します。

table.Tbl .TblColFtrSrt

表の列のソートフッターのスタイル。列が第 1 ソート列の場合に、列レベルのフッター内のセルに使用されます。background-color、border-bottom、border-top、および font-weight を指定します。

.TblColFtrTxt

表の列のフッターテキストのスタイル。列レベルのフッター内のテキストのデフォルトの外観です。color を指定します。

table.Tbl td.TblFtrRow

表のフッターのスタイル。表レベルのフッター内のセルに使用されます。background-color、padding、border-left、border-bottom、vertical-align、および text-align を指定します。IE では「padding」プロパティーをオーバーライドします。

table.Tbl .TblFtrRowTxt

表フッターのテキストのスタイル。表レベルのフッター内のテキストのデフォルトの外観です。color と font-weight を指定します。

table.Tbl .TblFtrLft

表の左フッターのスタイル。表レベルのフッター内の左揃えの内容に使用されます。color、float、および font-weight を指定します。

table.Tbl .TblGrpColFtr

表グループの列フッターのスタイル。グループレベルおよび列レベルのフッター内のセルに使用されます。border-bottom と background-color を指定します。

table.Tbl .TblGrpColFtrSrt

表グループのソート列のフッター。フッターが第 1 ソート列にある場合に、グループレベルおよび列レベルのフッター内のセルに使用されます。background-color と border-bottom を指定します。

.TblGrpColFtrTxt

表グループのフッターテキストのスタイル。グループレベルおよび列レベルのフッター内のテキストのデフォルトの外観です。color と font-weight を指定します。

table.Tbl .TblGrpFtrRow

表グループのフッターのスタイル。グループレベルの全体のフッター内のセルに使用されます。表の幅全体に適用されます。border-left、border-bottom、background-color、および padding を指定します。

.TblGrpFtrRowTxt

表グループのフッターテキストのスタイル。グループレベルの全体のフッター内のテキストのデフォルトの外観です。color と font-weight を指定します。

table.Tbl td.TblPnlTd

埋め込まれている表パネルの td のスタイル。非表示可能なカスタムフィルタ、ソート、および設定の各パネルを含むセルに使用されます。background-color、border-top、border-left、border-right、border-bottom、padding、および vertical-align を指定します。

.TblPnlShd3Div

表のシャドウパネル 3 の div のスタイル。パネルの周囲に影を付けるために使用されます。border-left、border-right、border-bottom、margin-bottom、float、および -moz-border-radius を指定します。

.TblPnlShd2Div

表のシャドウパネル 2 の div のスタイル。パネルの周囲に影を付けるために使用されます。border-left、border-right、border-bottom、border-top、および -moz-border-radius を指定します。

.TblPnlShd1Div

表のシャドウパネル 1 の div のスタイル。パネルの周囲に影を付けるために使用されます。border-left、border-right、border-bottom、border-top、および -moz-border-radius を指定します。

.TblPnlDiv

表パネルの div のスタイル。background-color、border、-moz-border-radius、padding、および min-width を指定します。

.TblPnlTtl

表パネルのタイトルのスタイル。パネルのタイトルのテキストに使用されます。color、font-size、font-weight、および padding を指定します。

.TblPnlLytDiv

表パネルのレイアウトのスタイル。パネルの最も外側の div に使用されます。border-top、display、padding、および margin-left を指定します。

.TblCstFltMnu

表のカスタムフィルタメニューのスタイル。background-color、color、border-bottom-color、および border-right-color を指定します。

.TblMgn

表のマージンのスタイル。表の左右に 10 px のマージンが設定されます。表を囲む <div> タグで呼び出されます。IE では使用されません。margin を指定します。IE では「margin」プロパティーをオーバーライドします。

.TblPgnLftBtn

表の左ページ設定ボタンのスタイル。margin を指定します。

.TblPgnRtBtn

表の右ページ設定ボタンのスタイル。margin-right を指定します。

.TblPgnGoBtn

表のページ設定の移動 (送信) ボタンのスタイル。margin-right を指定します。

table.TblHdrTbl

表ヘッダーの表のスタイル。background、width、および border を指定します。

table.TblHdrTbl td

表ヘッダーの表の td のスタイル。border、padding、vertical-align、background、および width を指定します。

table.TblHdrTbl img

表ヘッダーの表の画像のスタイル。margin-bottom、padding-right、および padding-left を指定します。

table.Tbl table.TblHdrTbl img

表ヘッダーの表の画像のスタイル。IE では「margin-right」、「margin-left」、「padding-right」、および「padding-left」の各プロパティーをオーバーライドします。

table.Tbl a.TblHdrImgLnk img

表ヘッダーの画像リンクのスタイル。表の列ヘッダー内のソートアイコンに使用されます。padding-right を指定します。IE では「margin-right」プロパティーと「padding-right」プロパティーをオーバーライドします。

table.Tbl th.TblColHdrSrt table.TblHdrTbl

表のソート列ヘッダーの表のスタイル。background、width、および border を指定します。

table.Tbl .TblHdrSrtNum

表ヘッダーのソート番号のスタイル。表のソートレベルテキストのスタイルです。font-size、font-weight、margin-left、および width を指定します。IE では「width」プロパティーをオーバーライドします。

table.Tbl span.TblColHdrSrtDis img

表のヘッダー列の画像のソート無効のスタイル。padding-right を指定します。IE では「margin-right」プロパティーと「padding-right」プロパティーをオーバーライドします。

span.TblColHdrSelDis img

表の列ヘッダーの span の画像使用不可のスタイル。padding-right を指定します。

table.Tbl .TblTdLyt img

表の td レイアウトの画像のスタイル。vertical-align と margin-bottom を指定します。IE では「margin-bottom」プロパティーをオーバーライドします。

table.Tbl .TblTdSrt img

表のソート画像のスタイル。vertical-align と margin-bottom を指定します。IE では「margin-bottom」プロパティーをオーバーライドします。

table.Tbl .TblTdAlm img

表のアラーム画像のスタイル。vertical-align と margin-bottom を指定します。IE では「margin-bottom」プロパティーをオーバーライドします。

table.Tbl .TblTdSrtAlm img (非参照)

表のソートアラーム画像のスタイル。vertical-align と margin-bottom を指定します。IE では「margin-bottom」プロパティーをオーバーライドします。

table.Tbl .TblTdSel img

表の選択画像のスタイル。vertical-align と margin を指定します。

table.Tbl .TblTdSrtSel img

表の選択列のソート画像のスタイル。vertical-align と margin を指定します。

.TblTdLyt

表のレイアウトのスタイル。指定するスタイルはありません。

table.Tbl tr.TblHovRow td、table.Tbl tr.TblHovRow th

表の行の上にマウスポインタを置いたときのスタイル。指定するスタイルはありません。

table.Tbl .TblFtrMsgSpn

表のフッターメッセージの span のスタイル。表のフッターメッセージのスタイルを定義します。float を指定します。

.TblPnlCnt

パネルの内容のレイアウトに使用される、表パネルの内容のスタイル。

.TblPnlBtnDiv

表パネルボタンの div のスタイル。パネル内の了解ボタンとキャンセルボタンのレイアウトに使用されます。text-align、padding-top、および margin-right を指定します。

.TblPnlHlpTxt

表パネルのヘルプテキストのスタイル。パネルに表示されるヘルプテキストに使用されます。padding-top、white-space、font-size、および max-width を指定します。IE では「width」プロパティーをオーバーライドします。

.TblPnlSrtTbl td

表パネルの表のスタイル。padding を指定します。

.TtldBoxInrDiv .TblMgn

(非参照)

タイトル付きボックス表のマージン。margin を指定します。

.TtldBoxInrDiv .Tbl

(非参照)

タイトル付きボックス表のスタイル。IE では「margin」プロパティーと「width」プロパティーをオーバーライドします。

   
軽量表 節の先頭へ

CSS セレクタ

説明

table.TblLt

表のスタイル。table タグで TABLE_ のあとに指定するスタイル。これによって、視覚的に軽い軽量モードで表が描画されます。background-color、color、width、padding、border-bottom、empty-cells、および border-collapse を指定します。IE では「width」、「padding」、「margin-left」、および「border」の各プロパティーをオーバーライドします。

table.TblLt td

表の td のスタイル。border、padding、および background-color を指定します。

table.TblLt th

表の th のスタイル。border、padding、background-color、および font-weight を指定します。

table.TblLt caption.TblTtlTxt

表のキャプションのスタイル。text-align、color、padding、font-weight、font-size、border、および background を指定します。IE では「background-left」プロパティーと「margin」プロパティーをオーバーライドします。

table.TblLt caption.TblTtlTxt span

表キャプションの span のスタイル。font-size と font-weight を指定します。

table.TblLt caption.TblTtlTxt span.TblTtlTxtSpn

表キャプションのテキストの span のスタイル。float、font-weight、および font-size を指定します。

table.TblLt caption.TblTtlTxt span.TblTtlMsgSpn

表キャプションのメッセージの span のスタイル。float、font-weight、font-size、color、および margin-top を指定します。

table.TblLt td.TblActTd

アクションバーのスタイル。background-color、padding、vertical-align、background-image、background-repeat、background-position、および border を指定します。

table.TblLt td.TblActTdLst

アクション表の最後の行のスタイル。background-color、padding、vertical-align、background-image、background-repeat、background-position、および border を指定します。

table.TblLt th.TblColHdrSel

選択列ヘッダーのスタイル。border-top、border-left、border-bottom、および background-color を指定します。

table.TblLt th.TblColHdrSrtSel

選択列ヘッダーのソートのスタイル。background-color、border-top、border-left、border-bottom、および background-image を指定します。

table.TblLt th.TblColHdrSel a.TblHdrLnk:link

選択列ヘッダーのリンクのスタイル。background-color、background-image、および bckground-position を指定します。

table.TblLt th.TblColHdrSel a.TblHdrLnk:visited

選択列ヘッダーのアクセス済みリンクのスタイル。background-color、background-image、および bckground-position を指定します。

table.TblLt th.TblColHdrSel a.TblHdrLnk:hover

選択列ヘッダーのリンクの上にマウスポインタを置いたときのスタイル。background-color、background-image、および bckground-position を指定します。

table.TblLt th.TblColHdrSrtSel a.TblHdrImgLnk:hover

選択ソート列の画像リンクの上にマウスポインタを置いたときのスタイル。background-image と background-position を指定します。

table.TblLt th.TblColHdrSrtSel a.TblHdrLnk:hover

選択ソート列ヘッダーのリンクの上にマウスポインタを置いたときのスタイル。background-image と background-position を指定します。

table.TblLt th.TblColHdr

列ヘッダーのスタイル。border-top、border-left、border-bottom、および background-color を指定します。

table.TblLt table.TblHdrTbl td

表ヘッダーの表の td のスタイル。border、padding、margin、vertical-align、background、および width を指定します。

table.TblLt a.TblHdrLnk:link

表ヘッダーのリンクのスタイル。background-color、background-position、color、text-decoration、background-image、background-position、padding、および min-height を指定します。

table.TblLt a.TblHdrLnk:visited

表ヘッダーのアクセス済みリンクのスタイル。background-color、background-position、color、text-decoration、background-image、background-position、padding、および min-height を指定します。

table.TblLt a.TblHdrLnk:hover

表ヘッダーのリンクの上にマウスポインタを置いたときのスタイル。background-color、background-position、color、text-decoration、background-image、および background-position を指定します。

table.TblLt a.TblHdrImgLnk:link

表ヘッダーの画像リンクのスタイル。background-color、color、text-decoration、border-left、background-image、および background-position を指定します。

table.TblLt a.TblHdrImgLnk:visited

表ヘッダーのアクセス済み画像リンクのスタイル。background-color、color、text-decoration、border-left、background-image、および background-position を指定します。

table.TblLt a.TblHdrImgLnk:hover

表ヘッダーの画像リンクの上にマウスポインタを置いたときのスタイル。color、background-image、および background-color を指定します。

table.TblLt span.TblColHdrSelDis

表ヘッダーの選択列使用不可のスタイル。background-color、color、text-decoration、border-left、background-image、および background-position を指定します。

table.TblLt .TblHdrTxt

表ヘッダーのテキストのスタイル。background-color、color、text-decoration、background-image、および background-position を指定します。

table.TblLt th.TblColHdrSrt

表のソート列ヘッダーのスタイル。border-top、border-left、border-bottom、background-color、および background-image を指定します。

table.TblLt th.TblColHdrSrt a.TblHdrLnk:hover

表のソート列ヘッダーのリンクのスタイル。color、text-decoration、および background-image を指定します。

table.TblLt th.TblColHdrSrt a.TblHdrImgLnk:link

表のソート列ヘッダーの画像リンクのスタイル。color、text-decoration、および border-left を指定します。

table.Tbl th.TblColHdrSrt a.TblHdrImgLnk:visited

表のソート列ヘッダーのアクセス済み画像リンクのスタイル。color、text-decoration、および border-left を指定します。

table.TblLt th.TblColHdrSrt a.TblHdrImgLnk:hover

表のソート列ヘッダーの画像リンクの上にマウスポインタを置いたときのスタイル。color と background-image を指定します。

table.TblLt th.TblMultColHdr

複数の列ヘッダーのスタイル。border-top、border-left、border-bottom、background-color、margin、padding、および vertical-align を指定します。

table.TblLt th.TblMultHdr

複数ヘッダーのルートのスタイル。border-bottom、background-color、border-top、border-left、text-align、および padding を指定します。

table.TblLt th.TblMultColHdrSrt a.TblHdrLnk:hover

表の複数のソート列ヘッダーのリンクの上にマウスポインタを置いたときのスタイル。color、text-decoration、および background-image を指定します。

table.TblLt th.TblMultColHdrSrt a.TblHdrImgLnk:hover

表の複数のソート列ヘッダーの画像リンクの上にマウスポインタを置いたときのスタイル。color と background-image を指定します。

table.TblLt .TblGrpRow

表グループのスタイル。background-color、border-left、border-top、background-image、background-position、および padding を指定します。

table.TblLt td.TblFtrRow

表のフッターのスタイル。padding、border、background-color、vertical-align、text-align、border-left、および border-right を指定します。

table.TblLt .TblFtrRowTxt

表フッターのテキストのスタイル。font-weight と font-style を指定します。

table.TblLt .TblColFtr

列フッターのスタイル。border-bottom、border-top、および background-color を指定します。

table.TblLt .TblColFtrSrt

表のソート列フッターのスタイル。background-color、border-bottom、および border-top を指定します。

table.TblLt .TblColFtrSpc

表のスペーサ列フッターのスタイル。border-left、border-bottom、border-top、および background-color を指定します。

table.TblLt td.TblPnlTd

表の組み込みパネルのスタイル。padding-left、border-top、および border-bottom を指定します。

タブセット 節の先頭へ

CSS セレクタ

説明

.Tab1Div

レベル 1 のタブを含む div のスタイル。background-color、background-image、background-repeat、background-position、および padding を指定します。

.Tab1Div table

タブレベル 1 の表のスタイル。border-collapse を指定します。

a.Tab1Lnk:link、a.Tab1Lnk:visited

レベル 1 の未選択タブで使用する <a> タグのタブレベル 1 のリンクスタイル。color、text-decoration、display、padding、font-weight、および text-align を指定します。

a.Tab1Lnk:hover

タブレベル 1 のリンクの上にマウスポインタを置いたときのスタイル。text-decoration を指定します。

.Tab1Div td

レベル 1 のタブの div の td のスタイル。background-color、border、background-image、backround-repeat、および background-position を指定します。

.Tab1Div td.Tab1TblSpcTd

レベル 1 のタブの表のスペーサのスタイル。未選択のレベル 1 のタブを分ける表セルの <td> タグに使用されます。background-color、background-image、backround-repeat、background-position、および border を指定します。

.Tab1Div div.Tab1SelTxtNew

選択されたレベル 1 のタブを含むテキストの新しい選択状態のスタイル。color、display、padding、font-weight、および text-align を指定します。

.Tab1TblSelTd 選択されているレベル 1 のタブを含む表セル (td) のスタイル。

table.Tab1TblNew td.Tab1TblSelTd

タブのレベルが 1つあるときにレベル 1 のタブセットを含む表のスタイル。レベル 1 の選択されているタブの表のスタイルです。background-color、background-image、backround-repeat、background-position、border、および border-bottom を指定します。

.Tab1Div td a.TabPad

レベル 1 のタブのパディングのスタイル。padding を指定します。

.Tab1Div td.Tab1TblSelTd div.TabPad

レベル 1 の選択されているタブのパディングのスタイル。padding を指定します。

table.Tab1Tbl2New td.Tab1TblSelTd

タブのレベルが 2 つあるときに、レベル 1 のタブセットを含む表のスタイル。レベル 1 の選択されているタブのスタイルです。background-color と background-image を指定します。

table.Tab1Tbl3New td.Tab1TblSelTd

タブのレベルが 3 つあるときに、レベル 1 のタブセットを含む表のスタイル。レベル 1 の選択されているタブのスタイルです。background-color と background-image を指定します。

.Tab2Div

レベル 2 のタブを含む div のスタイル。レベル 2 タブコンポーネントのスタイルクラスにアクセスするためのスタイルとして使用します。background-color、background-image、background-repeat、background-position、および padding を指定します。

.Tab2Div table

タブレベル 2 の表のスタイル。border-collapse を指定します。

a.Tab2Lnk:link、a.Tab2Lnk:visited

レベル 2 のタブのリンクのスタイル。color、text-decoration、display、padding、および text-align を指定します。

a.Tab2Lnk:hover

レベル 2 のタブのリンクの上にマウスポインタを置いたときのスタイル。text-decoration を指定します。

.Tab2Div td

レベル 2 のタブの td のスタイル。background-color、border、background-image、background-repeat、および background-position を指定します。

.Tab2Div div.Tab2SelTxt

レベル 2 のタブの選択されているテキストのスタイル。color、display、padding、font-weight、および text-align を指定します。

table.Tab2TblNew td.Tab2TblSelTd

レベル 2 のタブの選択されている表のスタイル。background-color、border-left、border-right、border-top、および background-image を指定します。

.Tab2Div td.Tab2TblSelTd

レベル 2 のタブの選択されている表のスタイル。border-bottom、background-repeat、および background-position を指定します。

table.Tab2Tbl3New td.Tab2TblSelTd

レベル 2 のタブの表 3 の選択状態のスタイル。background-color、border-left、border-right、border-top、および background-image を指定します。

.Tab2Div td a.TabPad

レベル 2 のタブのパディングのスタイル。padding を指定します。

.Tab2Div td.Tab2TblSelTd div.TabPad

レベル 2 の選択されているタブのパディングのスタイル。padding を指定します。

.Tab3Div

レベル 3 のタブを含む div のスタイル。レベル 3 タブコンポーネントのスタイルクラスにアクセスするためのスタイルとして使用します。background-color、background-image、padding、background-repeat、および background-position を指定します。

a.Tab3Lnk:link、a.Tab3Lnk:visited

レベル 3 の未選択のタブの <a> のリンクスタイル。color、text-decoration、display、padding、および text-align を指定します。

a.Tab3Lnk:hover

レベル 3 のタブのリンクの上にマウスポインタを置いたときのスタイル。text-decoration を指定します。

table.Tab3TblNew

レベル 3 のタブの表のスタイル。background-color を指定します。

table.Tab3TblNew td

レベル 3 のタブの表の td のスタイル。border-bottom を指定します。

table.Tab3TblNew div.Tab3SelTxt

レベル 3 のタブの表の選択されているテキストのスタイル。color、font-weight、padding、および text-align を指定します。

table.Tab3TblNew td.Tab3TblSelTd

レベル 3 のタブの選択されている表のスタイル。border-left、border-right、border-top、background-color、background-image、border-bottom、background-repeat、および background-position を指定します。

.Tab3Div td a.TabPad

レベル 3 のタブのパディングのスタイル。padding を指定します。

.Tab3Div td.Tab3TblSelTd div.TabPad

レベル 3 の選択されているタブのパディングのスタイル。padding を指定します。

.Tab1Div td.hidden、.Tab2Div td.hidden、.Tab3Div td.hidden

タブの非表示のスタイル。display を指定します。

テキストフィールド/テキスト領域/パスワード 節の先頭へ

CSS セレクタ

説明

.TxtFld

テキストフィールドのスタイル。border-top、border-left、border-bottom、border-right、および padding-left を指定します。

.TxtFldDis

テキストフィールドの使用不可のスタイル。background-color、color、border-top、border-left、border-right、border-bottom、および padding-left を指定します。

.TxtAra

テキスト領域のスタイル。border-top、border-left、border-bottom、border-right、および padding-left を指定します。

.TxtAraDis

テキスト領域の使用不可のスタイル。background-color、color、border-top、border-left、border-right、border-bottom、および padding-left を指定します。

   
ツリー 節の先頭へ

CSS セレクタ

説明

.Tree

ツリーのスタイル。background-color と width を指定します。

a.TreeLink:link、a.TreeLink:visited、a.TreeLink:hover

ツリーのリンクのスタイル。color と text-decoration を指定します。

a.TreeParentLink:link、a.TreeParentLink:visited、a.TreeParentLink:hover

ツリーの親リンクのスタイル。color、text-decoration、および font-style を指定します。

a.TreeSelLink:link、a.TreeSelLink:visited、a.TreeSelLink:hover

ツリーの選択状態のリンクのスタイル。color、text-decoration、および font-weight を指定します。

.TreeRootRow

ツリーのルート行のスタイル。background-color と height を指定します。

.TreeRootRowHeader

ツリーのルート行ヘッダーのスタイル。background-color と height を指定します。

.TreeSelRow

ツリーの選択されている行のスタイル。padding-top と padding-bottom を指定します。

.TreeSelText

ツリーの選択されているテキストのスタイル。color と font-weight を指定します。

.TreeImg

ツリーの画像のスタイル。padding-top と padding-bottom を指定します。

.TreeImgHeight

ツリーの画像の高さのスタイル。

.TreeContent

ツリーの内容のスタイル。display、vertical-align、および padding-left を指定します。

.TreeLinkSpace

ツリーのリンク余白のスタイル。margin-left を指定します。

.TreeRow

ツリーの行のスタイル。white-space と clear を指定します。

.TreeRow .float

ツリーの行の浮動のスタイル。padding-left を指定します。

.TreeRootRow .float

ツリーのルート行の浮動のスタイル。padding-left を指定します。

.TreeSelRow .float

ツリーで選択されている行の浮動のスタイル。padding を指定します。

テーマの画像

コンポーネントによって使用される画像は、com/sun/web/ui/defaulttheme/images ディレクトリ内のコンポーネントごとのサブディレクトリにあります。これらの画像は images.properties ファイルでキーにマップされています。次の表に、画像のキーを示します。

画像のキー名

説明

ALARM_CRITICAL_SMALL

重度アラームの画像 (小)。

ALARM_CRITICAL_MEDIUM

重度アラームの画像 (中)。

ALARM_MAJOR_SMALL

中度アラームの画像 (小)。

ALARM_MINOR_SMALL

軽度アラームの画像 (小)。

ALARM_MINOR_MEDIUM

軽度アラームの画像 (中)。

ALARM_DOWN_SMALL

停止アラームの画像 (小)。

ALARM_DOWN_MEDIUM

停止アラームの画像 (中)。

ALARM_MASTHEAD_CRITICAL_MEDIUM

マストヘッドの重度アラームの画像 (中)。

ALARM_MASTHEAD_CRITICAL_DIMMED

マストヘッドの重度アラームの画像 (中)、淡色表示。

ALARM_MASTHEAD_MAJOR_MEDIUM

マストヘッドの中度アラームの画像 (中)。

ALARM_MASTHEAD_MAJOR_DIMMED

マストヘッドの中度アラームの画像 (中)、淡色表示。

ALARM_MASTHEAD_MINOR_MEDIUM

マストヘッドの軽度アラームの画像 (中)。

ALARM_MASTHEAD_MINOR_DIMMED

マストヘッドの軽度アラームの画像 (中)、淡色表示。

ALERT_DEGRADED_DIMMED

機能低下の警告、淡色表示。

ALERT_DEGRADED_LARGE

機能低下の警告の画像 (大)。

ALERT_DEGRADED_MEDIUM

機能低下の警告の画像 (中)。

ALERT_DEGRADED_SMALL

機能低下の警告の画像 (小)。

ALERT_ERROR_LARGE

エラーの警告の画像 (大)。

ALERT_ERROR_MEDIUM

エラーの警告の画像 (中)。

ALERT_ERROR_SMALL

エラーの警告の画像 (小)。

ALERT_FAILED_DIMMED

失敗/致命的エラーの警告、淡色表示。

ALERT_FAILED_LARGE

失敗/致命的エラーの警告の画像 (大)。

ALERT_FAILED_MEDIUM

失敗/致命的エラーの警告の画像 (中)。

ALERT_FAILED_SMALL

失敗/致命的エラーの警告の画像 (小)。

ALERT_HELP_LARGE

ヘルプ/質問の警告の画像 (大)。

ALERT_HELP_MEDIUM

ヘルプ/質問の警告の画像 (中)。

ALERT_HELP_SMALL

ヘルプ/質問の警告の画像 (小)。

ALERT_INFO_LARGE

情報の警告の画像 (大)。

ALERT_INFO_MEDIUM

情報の警告の画像 (中)。

ALERT_INFO_SMALL

情報の警告の画像 (小)。

ALERT_OK_DIMMED

了解の警告、淡色表示。

ALERT_OK_LARGE

了解の警告の画像 (大)。

ALERT_OK_MEDIUM

了解の警告の画像 (中)。

ALERT_OK_SMALL

了解の警告の画像 (小)。

ALERT_SUCCESS_LARGE

成功の警告の画像 (大)。

ALERT_SUCCESS_MEDIUM

成功の警告の画像 (中)。

ALERT_SUCCESS_SMALL

成功の警告の画像 (小)。

ALERT_UNKNOWN_DIMMED

不明の警告、淡色表示。

ALERT_UNKNOWN_LARGE

不明の警告の画像 (大)。

ALERT_UNKNOWN_MEDIUM

不明の警告の画像 (中)。

ALERT_UNKNOWN_SMALL

不明の警告の画像 (小)。

ALERT_WARNING_LARGE

警告の画像 (大)。

ALERT_WARNING_MEDIUM

警告の画像 (中)。

ALERT_WARNING_SMALL

警告の画像 (小)。

PRIMARY_ENABLED

主ボタン使用可能。

PRIMARY_MINI_ENABLED

主小型ボタン使用可能。

PRIMARY_MINI_ROLL

主小型ボタンのロールオーバー画像。

PRIMARY_ROLL

主ボタンのロールオーバー画像。

SECONDARY_ENABLED

二次ボタン使用可能。

SECONDARY_MINI_ENABLED

二次小型ボタン使用可能。

SECONDARY_MINI_ROLL

二次小型ボタンのロールオーバー画像。

SECONDARY_ROLL

二次ボタンのロールオーバー画像。

CALENDAR_BACKWARD

カレンダの戻るボタンの画像。

CALENDAR_DROP_SHADOW

カレンダのシャドウ画像。

CALENDAR_FOOTER_GRADIENT

カレンダのフッターのグラデーションの画像。

CALENDAR_TITLE_GRADIENT

カレンダのタイトルのグラデーションの画像。

CALENDAR_FORWARD

カレンダの進むボタンの画像。

CALENDAR_BUTTON

カレンダボタンの画像。

CALENDAR_BUTTON_DISABLED

カレンダボタンの使用不可の画像。

CALENDAR_BUTTON_FLIP

カレンダボタンの反転の画像。

CALENDAR_BUTTON_ROLL

カレンダボタンのロールオーバーの画像。

HELP_BACK

ヘルプの戻るボタン。

HELP_BACK_DISABLED

ヘルプの戻るボタンの使用不可。

HELP_FORWARD

ヘルプの進むボタン。

HELP_FORWARD_DISABLED

ヘルプの進むボタンの使用不可。

HELP_PRINT

ヘルプウィンドウの印刷ボタンの画像。

HELP_PRINT_DISABLED

印刷ボタン使用不可の画像スタイル。

HELP_BTNNAV_GRADIENT

ヘルプのナビゲーションボタンのグラデーションの画像。

HREF_ANCHOR

href のアンカーの画像。

HREF_TOP

href の最上部の画像。

HREF_LINK

href のリンクの画像。

LABEL_INVALID_ICON

ラベルの無効アイコンの画像。

LABEL_REQUIRED_ICON

ラベルの必須アイコンの画像。

MASTHEAD_STATUS_ICON

マストヘッドのステータスアイコンの画像。

MASTHEAD_BACKGROUND

マストヘッドの背景の画像。

MASTHEAD_SEPARATOR

マストヘッドのセパレータの画像。

MASTHEAD_LINK_ENABLED

マストヘッドのリンク有効の画像。

MASTHEAD_LINK_ROLL

マストヘッドのリンクロールオーバーの画像。

SEC_MASTHEAD_BACKGROUND

二次マストヘッドの背景の画像。

MASTHEAD_STATUS_AREA_SEPARATOR

マストヘッドのステータス領域のセパレータの画像。

DOT

スペーサの画像。

SEARCH

検索の画像。

PAGETITLE_SEARCH_SEPARATOR

ページタイトル検索のセパレータの画像。

SCHEDULER_FORWARD

スケジューラの進むリンクの画像。

SCHEDULER_POPUP

スケジューラのポップアップリンクの画像。

SCHEDULER_BACKWARD

スケジューラの戻るリンクの画像。

SCHEDULER_GRADIENT

スケジューラのグラデーションの画像。

TABLE_ACTIONS_SEPARATOR

表のアクションセパレータの画像。

TABLE_DESELECT_MULTIPLE

複数の選択項目の選択解除アイコンの画像

TABLE_DESELECT_SINGLE

1 つの選択項目の選択解除アイコンの画像

TABLE_EMBEDDED_ACTIONS_SEPARATOR

表の埋め込みアクションのセパレータの画像。

TABLE_EMPTY_CELL

表の空セルインジケータの画像。

TABLE_GROUP_PANEL

収縮状態の表グループパネルの画像。

TABLE_GROUP_PANEL_FLIP

展開状態の表グループパネルの画像アイコン。

TABLE_PAGINATE

ページ設定の画像。

TABLE_PAGINATION_FIRST

先頭ページのページ設定リンクの画像。

TABLE_PAGINATION_FIRST_DISABLED

先頭ページのページ設定リンクの無効状態の画像。

TABLE_PAGINATION_LAST

最終ページのページ設定リンクの画像。

TABLE_PAGINATION_LAST_DISABLED

最終ページのページ設定リンクの無効状態の画像。

TABLE_PAGINATION_NEXT

次ページのページ設定リンクの画像。

TABLE_PAGINATION_NEXT_DISABLED

次ページのページ設定リンクの無効状態の画像。

TABLE_PAGINATION_PREV

前ページのページ設定リンクの画像。

TABLE_PAGINATION_PREV_DISABLED

前ページのページ設定リンクの無効状態の画像。

TABLE_PREFERENCES_PANEL

表の設定パネルを有効にするリンクの画像。

TABLE_PREFERENCES_PANEL_FLIP

表の設定パネルを非表示にするリンクの画像。

TABLE_SCROLL_PAGE

表全体をスクロールするリンクの画像。

TABLE_SELECT_MULTIPLE

複数選択リンクの画像。

TABLE_SORT_ADD

ソートを追加するリンクの画像。

TABLE_SORT_ASCENDING

昇順にソートするリンクの画像。

TABLE_SORT_CLEAR

ソートを消去するリンクの画像。

TABLE_SORT_DESCENDING

降順にソートするリンクの画像。

TABLE_SORT_DESCENDING_DISABLED

降順にソートするリンクの無効状態の画像。

TABLE_SORT_PANEL

ソートパネルを表示するリンクの画像。

TABLE_SORT_PANEL_FLIP

ソートパネル表示を反転するリンクの画像。

TABLE_SORT_PRIMARY

第 1 ソート列のリンクの画像。

TABLE_SORT_SELECT

第 1 ソート列選択リンクの画像。

TABS_LEVEL1_BACKGROUND

レベル 1 のタブの背景の画像。

TABS_LEVEL1_DESELECT

レベル 1 のタブの選択状態の背景の画像。

TABS_LEVEL1_SELECTED

レベル 1 のタブの未選択状態の背景の画像。

TABS_LEVEL1_SELECTED_1LEV

1 レベルのタブがあるときのレベル 1 のタブの選択状態の画像。

TABS_LEVEL2_BACKGROUND

レベル 2 のタブの背景の画像。

TABS_LEVEL2_DESELECT

レベル 2 のタブの未選択状態の画像。

TABS_LEVEL2_SELECTED

レベル 2 のタブの選択状態の画像。

TABS_LEVEL3_BACKGROUND

レベル 3 のタブの背景の画像。

TABS_LEVEL3_DESELECT

レベル 3 のタブの未選択状態の画像。

TABS_LEVEL3_SELECTED

レベル 3 のタブの選択状態の画像。

TABS_MINITAB_BACKGROUND

小型タブの背景の画像。

TABS_MINITAB_DESELECT

小型タブの未選択状態の画像。

TABS_MINITAB_SELECTED

小型タブの選択状態の画像。

TAB_DIVIDER

タブの区切りの画像。

images.properties ファイル

images.properties ファイルは、各画像とその絶対パスの対応を示します。独自のテーマ内の画像を変更するには、適切なキーを編集して、画像の新しいパスを指定します。たとえば、ALARM_CRITICAL_SMALL キーを次のように変更できます。

ALARM_CRITICAL_SMALL=/com/sun/web/ui/foo/images/alarms/critical_small.gif

画像ごとに、デフォルトの高さと幅も指定する必要があります。これらの値は、images.properties ファイルで次の書式で指定します。

<画像のキー名>_HEIGHT=
<画像のキー名>_WIDTH=

たとえば、ALARM_CRITICAL_SMALL キーの場合は、高さと幅を次のように指定します。

ALARM_CRITICAL_SMALL_HEIGHT=10
ALARM_CRITICAL_SMALL_WIDTH=10

画像の代替テキストも images.properties ファイルで指定します。代替テキストは次の書式で指定します。

<画像のキー名>_ALT=<メッセージのキー>

たとえば、ALERT_ERROR_LARGE_ALT キーの場合は、代替テキストを次のように Alert.errorImageAltText メッセージキーに設定できます。

ALERT_ERROR_LARGE_ALT=Alert.errorImageAltText

Alert.errorImageAltText は、messages.properties ファイルで定義されています。

テーマのメッセージ

messages.properties ファイルには、ボタンテキスト、ラベル、エラーメッセージ、代替テキストなど、コンポーネントによって表示されるテキストが含まれます。次の表に、メッセージを定義するキーを示します。この文書の作成後にキーが追加または変更された可能性があります。message.properties ファイルには、すべてのキーが含まれます。

文字列長バリデータのメッセージ

StringLengthValidator.itemTooLong

  StringLengthValidator.itemTooShort
アラームのメッセージ

Alarm.criticalImageAltText

  Alarm.majorImageAltText
  Alarm.minorImageAltText
  Alarm.downImageAltText
  Alarm.okImageAltText
警告のメッセージ

Alert.errorImageAltText

  Alert.helpImageAltText
  Alert.infoImageAltText
  Alert.warningImageAltText
ページ警告のメッセージ

PageAlert.back

ラベル/説明/その他のメッセージ

Other.requiredAltText

  Legend.requiredField
追加・削除リストのメッセージ

AddRemove.add

  AddRemove.addAll
  AddRemove.remove
  AddRemove.removeAll
  AddRemove.moveUp
  AddRemove.moveDown
  AddRemove.available
  AddRemove.selected
カレンダのメッセージ

CalendarMonth.weekdaySun

  CalendarMonth.weekdayMon
  CalendarMonth.weekdayTue
  CalendarMonth.weekdayWed
  CalendarMonth.weekdayThu
  CalendarMonth.weekdayFri
  CalendarMonth.weekdaySat
  CalendarMonth.close
  CalendarMonth.selectYear
  CalendarMonth.selectMonth
  CalendarMonth.goBack
  CalendarMonth.goForward
  CalendarMonth.todayIs
  CalendarMonth.skipLink
ヘルプ

help.help

  help.close
  help.noframes
  help.contentsTab
  help.contentsTabTooltip
  help.contentsTabStatus
  help.indexTab
  help.indexTabTooltip
  help.indexTabStatus
  help.searchTab
  help.searchTabTooltip
  help.searchTabStatus
  help.backButtonTitle
  help.forwardButtonTitle
  help.printButtonTitle
  help.closeButton
  help.closeButtonTitle
  help.findLabel
  help.findFieldTitle
  help.searchFieldTitle
  help.searchButton
  help.searchButtonAlt
  help.searchButtonTitle
  help.noResultsFound
  help.tips
  help.tipsImprove
  help.tipsImprove1
  help.tipsImprove2
  help.tipsImprove3
  help.tipsImprove4
  help.tipsNote
  help.tipsNoteDetails
  help.tipsSearch
  help.tipsSearch2
  help.tipsSearch2
  help.tipsSearch3
  help.tipsSearch4
リストコンポーネントのメッセージ

ListSelector.badValue

メッセージグループのメッセージ

messageGroup.heading

プロパティーシートのメッセージ

propertySheet.jumpToSectionTooltip

  propertySheet.jumpToTop
  propertySheet.jumpToTopTooltip
表のメッセージ

table.emptyTableCell

  table.emptyData
  table.filteredData
  table.hiddenSelections
  table.confirm.hiddenSelections
  table.confirm.totalSelections
  table.confirm.deleteSelections
  table.group.expand
  table.group.collapse
  table.group.selectMultiple
  table.group.deselectMultiple
  table.group.warning
  table.panel.applyChanges
  table.panel.cancel
  table.panel.cancelChanges
  table.panel.duplicateSelectionError
  table.panel.filterTitle
  table.panel.missingSelectionError
  table.panel.none
  table.panel.preferencesTitle
  table.panel.primarySortColumn
  table.panel.secondarySortColumn
  table.panel.sortTitle
  table.panel.submit
  table.panel.tertiarySortColumn
  table.panel.help
  table.pagination.first
  table.pagination.last
  table.pagination.next
  table.pagination.previous
  table.pagination.page
  table.pagination.paginated
  table.pagination.scroll
  table.pagination.submit
  table.pagination.submitPage
  table.pagination.pages
  table.select.deselectMultiplePaginated
  table.select.deselectMultiple
  table.select.deselectSinglePaginated
  table.select.deselectSingle
  table.select.selectMultiplePaginated
  table.select.selectMultiple
  table.select.selectedItems
  table.select.selectionColumn
  table.sort.alt.add
  table.sort.alt.primary
  table.sort.alt.toggle
  table.sort.button.add
  table.sort.button.primary
  table.sort.button.toggle
  table.sort.link.none
  table.sort.link.other
  table.sort.link.primary
  table.sort.augment.alarmDescending
  table.sort.augment.alarmAscending
  table.sort.augment.booleanDescending
  table.sort.augment.booleanAscending
  table.sort.augment.charDescending
  table.sort.augment.charAscending
  table.sort.augment.dateDescending
  table.sort.augment.dateAscending
  table.sort.augment.numericDescending
  table.sort.augment.numericAscending
  table.sort.augment.stringDescending
  table.sort.augment.stringAscending
  table.sort.augment.undeterminedDescending
  table.sort.augment.undeterminedAscending
  table.title.filterApplied
  table.title.paginated
  table.title.paginatedItems
  table.title.scroll
  table.title.scrollItems
  table.viewActions.clearSort
  table.viewActions.filter
  table.viewActions.customFilter
  table.viewActions.customFilterApplied
  table.viewActions.sort
  table.viewActions.preferences
タブセットのメッセージ tab.skipTagAltText
  tabSet.selectedTab
時間コンポーネントのメッセージ

Time.invalidData

  Time.enterHour
  Time.enterMinute
  Time.required
  Time.gmt
ツリーコンポーネントのメッセージ tree.skipTagAltText
ファイルアップロードのメッセージ

FileUpload.noFile

  Upload.error

テーマの作成

コンポーネントに付属しているテーマは変更しないでください。アプリケーションでテーマの要素を変更するには、次に示す手順で新しいテーマを作成する必要があります。

  1. テーマを使用するアプリケーションの配備を取り消します。
  2. テーマディレクトリのサブディレクトリに defaulttheme をコピーします。

  3. 新しいテーマディレクトリ内で、次の操作を行うことができます。

  4. 画像、スタイル、JavaScript、メッセージなどを変更したテーマファイルを使って、カスタムテーマの JAR ファイルを構築します。

  5. 新しいテーマに合わせて MANIFEST.MF を更新します。

    たとえば、テーマの名前が customtheme の場合は、次の操作を行います。

    ���X-SJWUIC-Theme-Name: customtheme # テーマ名。
  6. アプリケーションの web.xml を編集してテーマ名を指定し、アプリケーションでそのテーマを使用できるようにします。例:
     <context-param> 
     <param-name>com.sun.web.ui.DEFAULT_THEME</param-name> 
     <param-value>customtheme</param-value> 
     </context-param>
    
  7. 新しいテーマを使ってアプリケーションを構築します。
  8. アプリケーションを配備します。

著作権と商標について