背景

背景

お知らせ:当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。

Info

概要
背景では、要素のコンテンツの背後に表示するものを、単色または画像で設定できます。プリセットのカラーパレットから選択するか、カスタムの16進数値を入力したり、要素の表面全体に表示する画像をアップロードしたりできます。

1. 説明

背景とは、要素*要素ページへのリンク*の境界内で、コンテンツの背後に表示される領域です。適切な背景を選択することで、要素を目立たせたり、周囲になじませたり、ページ上で視覚的な存在感を持たせたりできます。背景の初期値は[塗りつぶしなし]です。この場合、要素は透明になり、背後にあるものが表示されます。

  

2. 設定可能な値

背景のアコーディオンには、次の2つのプロパティがあります。

  1. 背景色
  2. 背景画像

これらのプロパティは独立しており、両方を同時に設定できます。

背景色

値 動作
[塗りつぶしなし] 要素に背景色は適用されず、完全に透明な状態になります。
[標準] ドキュメントの色、標準色、またはモノクロ色から選択できます。
[カスタム] 16進数またはRGBコードを直接入力して、色を正確に指定できます。

背景画像

値 動作
[アップロード] ローカルストレージまたは素材ライブラリーから画像を選択し、要素の表面全体に表示できます。

適している用途:要素の背景に写真、パターン、テクスチャ、ブランド画像などを使用する場合。

Notesメモ:ポータルページ、スタック、またはキャンバス内に画像を追加する場合、領域全体に表示する、領域内に収める、引き伸ばす、またはタイル状に繰り返し表示する方法から選択できます。
Notesメモ:背景色と背景画像の両方を設定すると、画像が色の上に表示されます。そのため、画像の透明な部分には背景色が表示されます。

3. 背景の設定方法

  1. ビルダー画面で要素を選択し、カーソルを合わせると表示されるツールバーの三点リーダーをクリックして、右側に[プロパティ]パネルを開きます。
  2. パネル内の[背景]アコーディオンをクリックして開きます。
  3. 背景色を設定します。
    1. カラーピッカーをクリックし、[標準]または[カスタム]タブから色を選択します。初期値では、[塗りつぶしなし]が選択されています。
  4. 必要に応じて背景画像を設定します。
    1. 色の項目の下にある画像アップロードのプロパティをクリックします。
    2. [ストック画像]から画像を選択するか、ローカルストレージから画像をアップロードします。
  5. 変更内容を保持するには、右上の[保存]をクリックします。

4. 適用可能な要素

背景は、以下の基本要素と複合要素で使用できます。また、すべてのプリセットにもスタイルプロパティとして用意されています。

  1. テキスト
  2. 画像(背景色のみ適用可能)
  3. アイコン
  4. キャンバス
  5. 横方向スタック
  6. 縦方向スタック
  7. メニュー
  8. タブ
  9. ボタン
  10. ポータルフォーム
  11. 埋め込み

5. 注意事項

  1. 背景色と背景画像の関係 - 背景色と背景画像の両方を適用すると、画像が色の上に表示されます。これにより、半透明画像の背後に色を重ねる効果を加えることができます。

その他のプロパティ

  1. 配置
  2. レイアウト
  3. パディング
  4. マージン
  5. フォント
  6. 角の丸み
  7. 枠線
  8. 影
  9. 不透明度
  10. 画像とアイコンのスタイル
  11. タブのスタイル
  12. スタック