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

要点
不透明度プロパティでは、要素のコンテンツの透明度を調整できます。100%にすると要素が完全に表示され、値を小さくするほど徐々に薄くなり、0%では完全に見えなくなります。

1. 説明

不透明度では、要素*要素ページへのリンク*全体の透明度を設定できます。背景色、背景画像、枠線、影に加え、要素内のテキスト、アイコン、画像など、表示されるすべての内容に適用されます。要素はページ上に残り、占有する領域も変わりませんが、値に応じて見た目が薄くなります。

2. 設定可能な値

不透明度には、0～100%の範囲で数値をパーセントとして指定できます。小さい値は、控えめな透かし、ほぼ見えないオーバーレイ、トランジションの終了状態などに適しています。大きい値は、通常表示する要素に適しています。

メモ：0%にすると要素が完全に透明になり、最大値の100%にすると完全に不透明になります。

3. 表示例

 
                      

4. 不透明度を設定するには

1. ビルダー領域で要素を選択し、ホバー時に表示されるツールバーの［三点リーダー］をクリックして、右側のプロパティパネルを開きます。
2. パネル内の［不透明度］セクションをクリックして開きます。
3. ［不透明度］の入力項目に、0～100の値を入力します。
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. タブのスタイル
    
12. スタック