Flash CS3 ドキュメンテーション

ActionScript 2.0 の学習 > テキストとストリングの操作 > CSS スタイルによるテキストのフォーマット

CSS スタイルによるテキストのフォーマット

CSS (Cascading Style Sheet : カスケーディングスタイルシート) スタイルは、HTML ドキュメントや XML ドキュメントに適用できるテキストスタイルを扱う 1 つの方法です。スタイルシートは、HTML エレメントや XML エレメントのフォーマット方法を指定するフォーマット規則の集まりです。個々の規則は、スタイル名 (またはセレクタ) を、1 つ以上のスタイルプロパティとその値に関連付けます。たとえば、次のスタイルでは、bodyText という名前のセレクタを定義しています。

CSS により、.bodyText {
    text-align: left
}

Flash Player で使用されるビルトイン HTML フォーマットタグ (<p> や <li> など) を再定義するスタイルを作成できます。また、<p> タグや <span> タグの class 属性を使って特定の HTML 要素に適用できるスタイルの "クラス" の作成や新しいタグの定義が可能です。

テキストスタイルシートを操作するには、TextField.StyleSheet クラスを使用します。TextField クラスは Flash Player 6 で使用できますが、TextField.StyleSheet クラスの場合は SWF ファイルが Flash Player 7 以降を対象にしている必要があります。これにより、外部の CSS ファイルからのスタイルのロードや、ActionScript を使用して内部でのスタイルの作成ができます。HTML または XML 形式のテキストを含んでいるテキストフィールドにスタイルシートを適用するには、TextField.styleSheet プロパティを使用します。スタイルシート内で定義されているスタイルが、HTML または XML ドキュメント内に定義されているタグに自動的にマップされます。

スタイルシートを使用するには、次の 3 段階の手順が必要です。

• TextField.StyleSheet クラスからスタイルシートオブジェクトを作成します。詳細については、『ActionScript 2.0 リファレンスガイド』の「StyleSheet (TextField.StyleSheet)」を参照してください。
• 外部の CSS ファイルからスタイルをロードするか、ActionScript で新しいスタイルを作成して、スタイルシートオブジェクトにスタイルを追加します。
• このスタイルシートを、HTML または XML 形式のテキストを含んでいる TextField オブジェクトに割り当てます。

詳細については、次のトピックを参照してください。

• サポートされている CSS プロパティ
• スタイルシートオブジェクトの作成
• 外部 CSS ファイルのロード
• ActionScript による新規スタイルの作成
• TextField オブジェクトへのスタイルの適用
• TextArea コンポーネントへのスタイルシートの適用
• スタイルの組み合わせ
• スタイルクラスの使用
• ビルトイン HTML タグのスタイル設定
• HTML でのスタイルの使用例
• スタイルによる新規タグの定義
• XML でのスタイルの使用例

実行時に SWF ファイルにロードするテキストに CSS フォーマットを適用する方法を示すサンプルのソースファイル "formattedText.fla" については、Flash サンプルページ (www.adobe.com/go/learn_fl_samples_jp) を参照してください。"Samples" zip ファイルをダウンロードし解凍して、"ActionScript2.0/LoadText" フォルダに移動してサンプルにアクセスします。

このページに新しいコメントが追加された場合に、電子メールでの通知を希望する。 | コメントレポート

現在のページ: http://livedocs.adobe.com/flash/9.0_jp/main/00000907.html

コメントの追加