コンパイラーによって実装される <fx:Style> タグ

<fx:Style> タグを使用して、現在のドキュメントとそのドキュメントの子に適用するスタイルを定義します。CSS シンタックスを使用して <fx:Style> タグ内にスタイルを定義し、コントロール内のすべてのインスタンスや個々のコントロールに適用するスタイルを定義できます。

source プロパティを使用して、含める必要がある外部 CSS ファイルを参照することもできます。source プロパティを使用してファイルを参照する場合、そのファイルはクライアントコンピューターではなくサーバーに存在する必要があります。コンパイラーはソース値を読み取り、コンパイル時にソースをアプリケーションにコンパイルします。source 値は実行時には読み取られません。

次の例では、source プロパティを使用して外部 CSS ファイルを指定します。

            <fx:Style source='../assets/styles/MyStyles.css'/>
        

Style タグの CSS ブロック内でタイプおよびクラスセレクターを使用できます。

次の例では、タイプセレクターを使用して、Button クラスのすべてのインスタンスに同じカラーを適用します。

            <fx:Style/>
                Button {
                    color:red;
                }
            </fx:Style/>
        

次の例では、クラスセレクターを使用して、styleName プロパティが myStyle に設定されているすべてのコンポーネントに同じカラーを適用します。

            <fx:Style/>
                .myStyle {
                    color:red;
                }
            </fx:Style/>
        

MXML シンタックス

<fx:Style> タグのシンタックスは次のとおりです。

<fx:Style [source="style_sheet"]>
  [selector_name {
    style_property: value;
    [...]
  }]
</fx:Style>