容器元件 container-component

版面 — 此選項會定義容器元件的行為或配置行為。

• 簡單 — 將容器定義為簡單的元件集合
• 回應式格線 — 將容器定義為 AEM回應式佈局

背景顏色 — 定義為自由格式的RGB值，或使用檢色器、 視設定而定

背景影像 — 定義容器的背景顏色， 視設定而定

ID — 此選項可讓您控制HTML和中的元件唯一識別碼 資料層.

• 如果保留為空白，系統會自動為您產生唯一ID，並可透過檢查結果頁面找到該ID。
• 若指定ID，作者應負責確認該ID是唯一的。
• 變更ID會對CSS、JS和資料層追蹤造成影響。

背景影像

• 啟用背景影像 — 選取此選項可讓內容作者定義容器的背景影像。

背景色彩

• 啟用背景顏色 — 選取此選項可讓內容作者定義容器的背景顏色。
• 僅限色票 — 選取此選項，僅允許內容作者從預先定義的色票中選取容器背景顏色。
  • 僅適用於 啟用背景顏色 已選取

允許的色票 — 定義內容作者可從中選擇容器背景顏色的預定義顏色

• 使用 新增 按鈕以新增預先定義的色票。 新增後，一個專案會新增到清單中，包含以下欄：
• 值 — 透過RGB值手動定義顏色
  • 點選或按一下檢色器，即可調整個別RGB值或定義十六進位值，更輕鬆地選取顏色。
• 刪除 — 點選或按一下以刪除色票。
• 重新排列 — 點選或按一下並拖曳以重新排列色票。