テーマについて
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 にあります。ファイル名は次のとおりです。
webui-jsf-suntheme.jar (JavaServer Faces 1.2 テーマ) defaulttheme.jar (JavaServer Faces 1.1 テーマ)defaulttheme-gray.jar (JavaServer Faces 1.1 テーマ)defaulttheme-green.jar (JavaServer Faces 1.1 テーマ)このディレクトリには、サンプルアプリケーションのテーマなど、ほかにもテーマが含まれる場合があります。
この文書では、テーマ defaulttheme.jar について説明します。このテーマは、JavaServer Faces 1.1 コンポーネントのデフォルトテーマです。テーマは、画像、JavaScript、CSS ファイル、およびメッセージで構成され、これらを使ってコンポーネントの Look & Feel が定義されます。この文書では、テーマを構成するファイル、また各コンポーネントでこれらのファイルがどのように使用されるかについて説明します。
テーマには次のファイルが含まれます。
MANIFEST.MF ファイル。テーマの名前、バージョン、接頭辞、およびプロパティーファイルのパスに関する情報が含まれます。
プロパティーファイル。コンポーネントとテーマモジュールによって使用されるキーと値のペアが含まれます。これらのキーと値のペアによって、テーマのキーがその値にマップされます。値は、テキストまたはリソースのパスです。
defaulttheme.jar ファイルには、次のディレクトリがあります。
META-INF
|
MANIFEST.MF ファイルが含まれます。このファイルについては、マニフェストファイルで説明します。 |
|
|
コンポーネントに必要な JavaScript ファイルが含まれます。これらの JavaScript ファイルは、 |
|
|
|
|
|
コンポーネントに必要な CSS スタイルシートファイルが含まれます。これらの CSS ファイルは、 |
|
|
コンポーネントによって使用されるすべての画像が含まれます。このディレクトリにはコンポーネントごとにサブディレクトリがあり、各サブディレクトリにはそのコンポーネントの画像が含まれます。画像ファイルは、 |
|
|
テーマのプロパティーファイルが含まれます。これらのファイルによって、コンポーネントによって使用されるリソースの場所にキーがマップされます。プロパティーファイルには、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 ファイルを特定するためにコンポーネントによって使用される JavaScript のキーが含まれます。キーは適切な JavaScript ファイルの絶対パスに設定されます。 このプロパティーファイルは、 |
|
|
ブラウザのさまざまなバージョンに必要なスタイルシートファイルのパスを指定するスタイルシートのキーが含まれます。コンポーネントでは、Web ブラウザのバージョンによって、異なるスタイルが使用されます。このプロパティーファイルは、 |
styles.properties
|
スタイルシートで使用する CSS スタイルセレクタを指定する、スタイルのキーが含まれます。このプロパティーファイルは、com/sun/web/ui/defaulttheme/properties ディレクトリにあります。スタイルのキーについては、テーマのスタイルシートを参照してください。
|
|
|
コンポーネントによって表示される画像の絶対パスを指定する画像のキーが含まれます。 このプロパティーファイルは、 |
messages.properties
|
コンポーネントによって表示されるメッセージのキーと値が含まれます。このプロパティーファイルは、com/sun/web/ui/defaulttheme/messages ディレクトリにあります。メッセージのキーについては、テーマのメッセージを参照してください。
|
テーマのマニフェストファイルで、プロパティーファイルの場所が指定されます。詳細は、マニフェストファイルを参照してください。
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_master.css - マスタースタイルシート。すべてのコンポーネントに必要なスタイルクラスの定義が含まれます。
css_ie55up.css - Internet Explorer 5.5 以降用のスタイルシート。このスタイルシートには、コンポーネントが IE ブラウザで実行されるときに使用されるスタイルクラスが定義されています。ここで定義されているスタイルクラスは、css_master.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 を指定します。 |
|
.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 |
主小型ボタン、二次小型ボタン |
|
.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 |
ページ先頭のジャンプリンクに使用されるスタイル。 |
|
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 ファイルでキーにマップされています。次の表に、画像のキーを示します。
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 ファイルは、各画像とその絶対パスの対応を示します。独自のテーマ内の画像を変更するには、適切なキーを編集して、画像の新しいパスを指定します。たとえば、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 |
コンポーネントに付属しているテーマは変更しないでください。アプリケーションでテーマの要素を変更するには、次に示す手順で新しいテーマを作成する必要があります。
テーマディレクトリのサブディレクトリに defaulttheme をコピーします。
新しいテーマディレクトリ内で、次の操作を行うことができます。
images.properties. で、該当する画像キーに新しい画像のパスを指定して再マップします。詳細は、「テーマの 画像」と「images.properties ファイル」を参照してください。
messages.properties を編集して、コンポーネントによって生成されるテキストを変更します。詳細は、テーマのメッセージを参照してください。
新しいスタイルを追加する場合は、スタイルセレクタと定義を CSS スタイルシートに追加する必要があります。詳細は、テーマのスタイルシートとマニフェストファイルを参照してください。
画像、スタイル、JavaScript、メッセージなどを変更したテーマファイルを使って、カスタムテーマの JAR ファイルを構築します。
新しいテーマに合わせて MANIFEST.MF を更新します。
たとえば、テーマの名前が customtheme の場合は、次の操作を行います。
X-SJWUIC-Theme-Name: customtheme # テーマ名。
X-SJWUIC-Theme-Prefix: /theme # テーマへの相対パス。
X-SJWUIC-Theme-Messages: com.sun.web.ui.customtheme.messages.messages # messages.properties ファイルの場所。
X-SJWUIC-Theme-Images: com.sun.web.ui.customtheme.properties.images # image.properties ファイルの場所。
X-SJWUIC-Theme-JavaScript: com.sun.web.ui.customtheme.properties.JavaScript # javascript.properties ファイルの場所。
X-SJWUIC-Theme-Stylesheets: com.sun.web.ui.customtheme.properties.stylesheets # stylesheet.properties ファイルの場所。
web.xml を編集してテーマ名を指定し、アプリケーションでそのテーマを使用できるようにします。例:
<context-param> <param-name>com.sun.web.ui.DEFAULT_THEME</param-name> <param-value>customtheme</param-value> </context-param>