スタイルを作る
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
Formsでは、ワンクリックでブランドに合ったスタイルを作成できます。
スタイルは2種類作成できます。
-
Visual styles - Styles builderで作られた。
-
CSS styles - スタイルをCSSコードとして保存して作成される
スタイルビルダーを使ってスタイルの作業を始め、その後CSSエディタを開き、作成したスタイルをCSSコードとしてさらに編集できます。
ただし、CSSコードの編集を始めた後はビジュアルビルダーでスタイル編集に戻ることはできません。CSSエディタからスタイルビルダーに戻ると、コードで加えた変更はすべて消去されます。
ビジュアルビルダーを使ってスタイルを作成しましょう
ビジュアルビルダーを使ってスタイルを作成するには:
-
FormsトップのツールバーでStyles > Add styleをクリックします。
-
スタイルの名前を入力し、Addをクリックします。
-
ビジュアルビルダーの左側で、修正したいさまざまなオプションをクリックしてください。キャンバスの右側でデフォルトスタイルに適用された変更が確認できます。
-
変更が終わったら、Saveをクリックしてください。
-
または、コードを修正してスタイルを編集するにはCSS Edit style as CSSをクリックしてください。
スタイルは保存され、フォームに適用できます。
CSSエディターでスタイルを作成します
ビジュアルエディターでスタイルを作成するには:
-
FormsトップのツールバーでStyles > Add styleをクリックします。
-
スタイルの名前を入力し、Addをクリックします。
-
CSSエディターを開くには、Edit style as CSSをクリックしてください。
-
既存のCSSコードを修正するか、新しいCSSクラスを入力してください。キャンバスの右側でデフォルトスタイルに適用された変更が確認できます。
-
変更が終わったら、Saveをクリックしてください。
CSSコードとして保存されたスタイルは、その名前に (Code) 付加されています。このスタイルは今や形式に適用可能です。