概要
背景では、要素のコンテンツの背後に表示するものを、単色または画像で設定できます。プリセットのカラーパレットから選択するか、カスタムの16進数値を入力するか、画像をアップロードして要素の表面全体に表示できます。
背景は、要素の境界内でコンテンツの背後に表示される、要素の視覚的な表面を定義します。適切な背景を選択することで、ページ上で要素を目立たせたり、周囲になじませたり、視覚的な存在感を持たせたりできます。背景の初期値は[塗りつぶしなし]です。この場合、要素は透明になり、その下にあるものが表示されます。
[背景]のアコーディオンには次の2つのプロパティがあり、両方を設定することもできます。
| 値 | 動作 |
| [塗りつぶしなし] | 要素には背景色が適用されず、完全に透明な状態になります。 |
| [標準] | [ドキュメントの色]、[標準色]、または[モノクロ色]から選択できます。 |
| [カスタム] | 16進カラーコードまたはRGBコードを直接入力して、色を正確に指定できます。 |
| 値 | 動作 |
| [アップロード] | ローカルストレージまたはアセットライブラリーから画像を選択し、要素の表面全体に表示します。 適している用途:要素の背景に写真、パターン、テクスチャ、またはブランドのビジュアルを表示する場合。 メモ:ポータルページ、スタック、またはキャンバス内に画像を追加した場合、領域全体への表示、領域内への収容、引き伸ばし、またはタイル状の繰り返し表示を選択できます。
|
メモ:背景色と背景画像の両方を設定した場合、画像が色の上に表示されます。そのため、画像の透明な部分から背景色が見えます。
背景は、以下の基本要素と複合要素で使用できます。また、すべてのプリセットでスタイルプロパティとして表示されます。