CSS エディタ

関連項目

CSS エディタでは、プロジェクトの CSS (階層式スタイルシート) ファイルを編集できます。エディタを開くには、IDE で CSS ファイルを開きます。たとえば、 「プロジェクト」ウィンドウ で「< プロジェクト名 >」>「Web ページ」>「resources」>「stylesheet.css」に移動し、「stylesheet.css」を右クリックして「開く」を選択します。

CSS エディタが編集区画に表示され、最初のCSS 規則が選択されています。CSS の方が慣れている場合は、この区画に直接入力します。各規則のプロパティー定義を支援するコード補完ドロップダウンリストを使用できます。

新規規則の作成

新規規則を作成する場合は、空白行でその名前を入力するか、またはエディタのツールバーの「規則を作成」ボタン をクリックして「スタイル規則エディタ」を開き、新規規則の作成に関するヘルプを参照できます。

規則の編集

既存の規則または作成した規則を編集するには、編集区画で規則の任意の場所をクリックします。たとえば、 .list-header 規則をクリックします。規則のプロパティーを追加または変更するための、次の 3 つのオプションがあります。

規則のプロパティーの変更を行うと、プレビュー区画 (編集区画の下でスタイルエディタ区画の右側にある) に、変更の結果をプレビュー表示できます。

CSS ファイル内の規則は、階層式スタイルシートの優先順位の通常の順番に従います。

  1. 最上位の優先順位は、コンポーネントの「style」プロパティーに追加する規則です。これらの規則は、CSS ファイル内の同じ名前で規則を上書きします。これらの規則はスタイルエディタで追加します。
  2. 優先順位の次のレベルは、CSS ファイル自体です。
  3. 最下位のレベルはテーマです。たとえば、コンポーネントに適用するテーマ規則が分かっている場合は、CSS ファイル内で同じ名前の規則を作成して規則を上書きします。

CSS の使用方法については、次の Web ページを参照してください。

CSS 2.1 のオンラインリファレンスについては、次の Web ページを参照してください。

関連項目
コンポーネントについて
コンポーネントの一般的なプロパティー
階層式スタイルシートの使用法

著作権と商標について