寬度

每個容器內部具有「外圍寬」與「內容寬」, 故在寬度的設定上若選方框與全寬有不同的差異。

• ①方框: 僅能調整此容器中的「內容區」之寬度。
  
• ②全框: 可同時調整「外圍寬」與「內容寬」之寬度。
  

  方框與全寬在一般使用上並無很大差別，但在加上背景色後就有差別了，可參考此篇的範例說明。

高度

一般不預定高度，讓內容元素自動撐高，少數情況才會固定高度(例如內容元素太少時、或是要把背景圖完整呈現時)。

*Items

• 方向 : 控制容器肚子中的元素是水平或垂直排列。
• Justify Content : 控制容器肚子中的元素的垂直對齊方式。
• Align Items : 控制容器肚子中的元素的水平對齊方式。

★這個是不同區塊版型排列時很重要的設定。

間距(Gaps)

『Gaps』，是Container容器內部中，所有的元素與元素之間的預設間距或是「我與同一容器中隔壁」的預設間距，一般會先歸0。

換行(Wrap)

讓容器內容元素，在水平排列過長時自動換行。

• 可以設「純色背景、圖片背景、漸層背景、影片背景、輪播背景」，有五種可選用。
• 有些「元素工具」也可以單獨另設立自己的背景，例如「內容編輯器」、「按鈕」。

是一種重疊背景的模式，常用功能是用來幫原背景加上不透明色，也可以幫原背景疊加一張圖上去。

• 一般是「內層區塊」比較會設框線，以利視覺上跟旁邊的小區塊做區分。
• 也可以替四個邊框加弧角，以增加質感。

• 陰影效果。
• 一般是「內層區塊」比較有機會去設定陰影，以呈現立體效果。

• 外距:控制當下區塊與外部的距離，是一種向外遠離的效果。
• 內距:控制當下區塊與內部的距離，是一種向內擠壓的效果。
• 一般都會先歸0，然後再視情況設置。
• 不只容器，連一般的「元素」都有外距內距。
  影片講解

控制某區塊或某元素，在不同裝置時是否出現或隱藏。(常用在桌面與手機瀏覽時想出現不同樣式或內容時)

• 控制控制某區塊或某元素，在不同裝置時呈現不同的大小比例。
• 常用在桌面與手機瀏覽時想出現不同數值時，例如電腦時字體大小是34px，手機字體大小是18px。
• 只要有出現裝置圖樣，就代表可以按照電腦、平板、手機分別設定3種不同的數值。