優先順序
|
樣式設定方法
|
描述
|
---|---|---|
最高
|
樣式內容
|
使用「樣式內容」面板套用至容器的樣式。您可使用樣式內容取代從樣式主題套用的預設樣式。
|
混搭自訂 CSS
|
在混搭實體的「自訂 CSS」標籤中套用的 CSS 規則。混搭 CSS 規則會在兩個規則具有相同的明確性時取代樣式主題 CSS 規則。
|
|
樣式主題自訂 CSS
|
在樣式主題實體的「自訂 CSS」標籤中套用的 CSS 規則。
|
|
最低
|
樣式主題
|
繼承自套用至混搭之樣式主題的樣式。您可使用主題來將一致的預設樣式套用至混搭中的所有容器。
|
|
我們強烈建議您使用樣式主題與樣式內容,而不要編寫自訂 CSS 規則。
|
內容
|
描述
|
---|---|
background
|
容器的背景顏色。
|
border-color
|
邊界線的顏色。
|
border-radius
|
邊界轉角的半徑。此內容適用於容器的所有四個轉角。
|
border-style
|
邊界線的樣式。您可以將其設定為 Dotted、Dashed、Solid、Double、Groove、Ridge、Inset、Outset、Inherit 或 None。
|
border-width
|
邊界線的寬度。
|
樣式/內容
|
預設值
|
樣式
|
---|---|---|
內容
|
• background - #ffffff
• border-color - inherit
• border-radius - None
• border-style - None
• border-width - None
|
• background - #cccccc
• border-color - #AAE09F
• border-radius - 4px
• border-style - Solid
• border-width - 4px
|
預覽
|
|
預設樣式內容值是從混搭樣式主題衍生而來。
|