バックグラウンド

バックグラウンド

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

情報

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

1. 説明

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

  

2. 設定可能な値

[背景]のアコーディオンには次の2つのプロパティがあり、両方を設定することもできます。

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

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

適している用途:要素の背景に写真、パターン、テクスチャ、またはブランドのビジュアルを表示する場合。

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

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. [タブのスタイル]