styleClass プロパティーエディタでは、CSS 規則として知られるスタイルクラスを「styleClass」プロパティーに追加したり、このコンポーネントの実行時に適用するスタイルクラスを決定する JavaBean に「styleClass」プロパティーをバインドしたりできます。このプロパティーエディタを開くには、コンポーネントの「styleClass」プロパティーの右にある、省略符号ボタン (...) をクリックします。
一般に styleClass エディタは、stylesheet.css で定義した CSS 規則を追加するために使用します。通常、CSS エディタを使用して、これらの規則を定義します。
プロパティーエディタの上部にある「値を使用」ラジオボタンをクリックすると、スタイルクラス ともいう、プロパティーに追加できる CSS 規則の一覧が表示されます。デフォルトでは、これらの規則は、プロジェクトで使用されるスタイルシート stylesheet.css およびテーマ JAR ファイル内の CSS ファイルで定義されます (「テーマについて」を参照)。プロジェクトにほかのスタイルシートを追加した場合も、これらの CSS 規則が表示されます。
「値を使用」ボタンをクリックすると、次の操作を実行できます。
styleClass」プロパティーに規則を追加するには、左側の「使用可能」リストから項目を選択し、> ボタン
をクリックして「選択」リストに規則を追加します。 styleClass」プロパティーから規則を削除するには、右側の「選択」リストから項目を選択し、< ボタン
をクリックして選択した規則を削除します。
をクリックします。
「了解」をクリックすると、「選択」リストの内容が「styleClass」プロパティーに適用され、通常、CSS 規則に合うようにコンポーネントの概観がビジュアルデザイナーで変更されます。
styleClass」プロパティーの規則は、コンポーネントの「style」プロパティーの対応するスタイル定義によってオーバーライドされます。追加した規則がコンポーネント上で期待した効果を出さない場合は、「style」プロパティーのスタイル定義を調べます。CSS の詳細については、次の Web ページを参照してください。
CSS のオンラインリファレンスについては、次の Web ページを参照してください。