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

1. 説明

シャドウを設定すると、要素*要素ページへのリンク*の境界の背後にドロップシャドウが追加され、ページの表面から浮き上がって見えます。高さのプリセット値が大きいほど、シャドウが大きく柔らかくなり、下の表面からより離れているように見えます。これにより視覚的な階層が生まれ、高さのある要素ほど注目を集め、画面上で目立つようになります。

  

2. 利用可能な値

シャドウは、［なし］から［高さ5］までのプリセットオプションをドロップダウンから選択します。小さい値は、わずかな立体感が必要なインラインカードやアイコンを軽く区別する場合に適しています。大きい値は、目立たせたい行動喚起用のコンテナーやヒーローセクションに適しています。

3. 視覚的な参考例

    

                                    

4. シャドウを設定するには

1. ビルダー領域で要素を選択し、フローティングツールバーの三点リーダーをクリックして、右側に［プロパティ］ペインを開きます。
2. ペイン内の［シャドウ］アコーディオンをクリックして開きます。
3. ドロップダウンをクリックし、［なし］、［高さ1］、［高さ2］、［高さ3］、［高さ4］、［高さ5］のいずれかを選択します。
4. 変更内容を保持するには、右上の［保存］をクリックします。

5. 対応要素

シャドウは、以下の基本要素と複合要素で使用できます。また、すべてのプリセットでスタイルプロパティとして使用できます。

1. テキスト
2. 画像
3. アイコン
4. キャンバス
5. Hスタック
6. Vスタック
7. メニュー
8. ボタン
9. ポータルフォーム
10. 埋め込み

6. メモ

1. シャドウと角丸の関係 - 角丸*角丸に関するドキュメントへのリンク*を適用すると、シャドウは長方形の境界ではなく、要素の丸みを帯びた輪郭に沿って表示されます。要素を完全に丸くすると、シャドウも円形になります。
2. シャドウと不透明度の関係 - シャドウは、要素全体の視覚表現の一部です。そのため、不透明度*不透明度に関するドキュメントへのリンク*を下げると、要素の他の部分とともにシャドウも薄くなります。

その他のプロパティ

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