JDeveloperでのCSSサポートについて

複数のWebページのスタイルおよびレイアウトを制御するには、Cascading Style Sheetを使用します。CSSスタイルを使用すると、HTMLタグの書式属性、クラス属性によって識別されるテキストの範囲、Cascading Style Sheet(CSS2)仕様に準拠した基準を満たすテキストなどを定義できます。JDeveloperでは、次の作業が実行できます。

CSSファイルに加えた変更は、コード・エディタ、構造ウィンドウおよびプロパティ・インスペクタに反映されます。CSSファイルを編集のために開くと、ファイルのCSSセレクタが次の3種類のいずれかとして構造ウィンドウに表示されます。
CSS element icon 要素

CSSセレクタで定義されたHTML要素またはタグ。プロパティと値は、コロンで区切って中カッコで囲みます。たとえば、body {color:black;}となります。

CSS class icon クラス

同じタイプのHTML要素に対して定義された様々なスタイル。たとえば、p.right {text-align:right;)は右揃えの段落テキスト、p.left {text-align:left;}は左揃えの段落テキストを意味します。また、セレクタにタグ名を含めなければ、特定のクラスのHTML要素すべてで使用されるスタイルを定義できます。たとえば、.center {text-align:center;}class="center"が指定されたすべてのHTML要素が中央揃えになることを意味します。

CSS Id icon ID

1つのHTML要素に固有のスタイル。たとえば、p#para1 {color:green;}id value="para1"が指定されたp要素、*#ver905 {background-color:red;}id value="ver905"が指定された最初のHTML要素を意味します。

構造ウィンドウ・ツールバーの「カテゴリ」ドロップダウン・リストを使用すると、次の基準でCSSセレクタを並べ替えることができます。

カテゴリなし

CSSファイルでの出現順に表示します。デフォルト設定です。

タイプ・カテゴリ

CSSセレクタのタイプ(要素クラスまたはID)別に並べ替えます。

要素カテゴリ

HTML要素またはタグ別に並べ替えます。

構造ウィンドウでCSSセレクタを選択すると、そのセレクタがCSSファイル内でハイライト表示され、関連するプロパティおよび値がプロパティ・インスペクタに表示されて編集可能になります。


Cascading Style Sheetの作成
WebページへのCSSファイルのリンク
CSSセレクタのプロパティと値の設定または変更
コード・インサイトを使用したCSSファイルの編集

CSSの詳細は、次のW3C Webページを参照してください。
http://www.w3.org/TR/1998/REC-CSS2/

 

Copyright © 1997, 2004, Oracle. All rights reserved.