単一の要素とテキストをスタイル化する
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
コンポーネントビルダーでは、Stylesライブラリに1つ以上のスタイルが割り当てられます。コンポーネント内で要素を使うと、Stylesライブラリ内のその要素に割り当てられたデフォルトのスタイルでスタイル化されます。
スタイルは要素です
コンポーネント内の特定の要素のスタイルは変更できますが、ここで説明しているように同じタイプのすべての要素のスタイルを変えるのとは違います。
要素をスタイリングするには:
-
コンポーネントビルダーでスタイリングしたい要素を選択します。キャンバス内の要素をクリックするか、コンポーネントの左下にあるコンテキストツールバーを使えます。
-
右側のペイン上部の スタイル セクションで、スタイルタイルをクリックします。
-
要素の別のスタイルを選択するには、上部のタイルの をクリックしてください。
-
ドロップダウンメニューで、以下のいずれかをクリックしてください:
- 現在のテーマ - コンポーネントに現在適用されているテーマから許可されているスタイルにアクセスできます。
- すべて利用可能 - このテーマに割り当てられていないエレメントのすべてのスタイルにアクセスできます。
-
スタイルをクリックして選択した要素に適用してください。
エレメントは現在のテーマのスタイル、またはStylesライブラリで許可されている任意のスタイルでスタイリングされます。
テーマに含まれていないスタイルで「 All available 」リストから選択する場合は、その要素をテーマから切り離します。テーマが変更されたことを示すために、その名前がオレンジ色のタグに警告表示付きで表示されます。さらに、一度きりのカスタマイズでスタイルをさらにカスタマイズすることも可能です。
スタイルテキスト
インライン編集を行うか、Stylesライブラリで定義されたスタイルルールを受け入れることでテキスト のスタイルを付けることができます 。
テキストのスタイル化:
- コンポーネントビルダーでスタイルをつけたいテキストをハイライトします。
- テキストスタイルを変更するには:
- 右側の スタイル セクションで、タイルをクリックして スタイル ピッカーを開き、テキスト用の別のスタイルを選択します。
- ハイライトされたテキストの左側に をクリックし、テキスト要素タグのいずれかを選択します。各タグに関連付けられたスタイルは、スタイルライブラリでテキストブロックを定義する際に保存されます。
- テキストのアライメントを調整するには、右側のペインの アラインメント セクションで「 テキスト設定」をクリックしてください。
