设置容器样式
高级响应式混搭包括可应用样式主题的容器。您可以通过混搭样式主题或直接在“样式属性”面板上应用样式。默认情况下，使用混搭样式主题设置容器样式，但您也可以使用样式定义来设置样式。“属性”面板上的 UseTheme 属性用于控制容器的主题模式。
要显示容器的样式主题属性，请执行以下操作：
1. 从“资源管理器”面板中选择容器。
◦ 或者，单击容器内的空白区域。
2. 单击“样式属性”面板。
3. 展开“基本”状态。样式属性将在 flexcontainer 元素下列出。
可以从样式主题样式切换到样式定义。要使用样式定义，请执行以下操作：
1. 选择容器。
2. 在“属性”面板上，清除 UseTheme 复选框。
3. 单击“样式属性”面板。
现在，将显示容器的样式定义，而不是样式属性。
样式属性
您可以指定以下样式属性。
|
属性
|
说明
|
|---|---|
|
background
|
容器的背景颜色。
|
|
border-color
|
边界线的颜色。
|
|
border-radius
|
边界拐角的半径。此属性适用于容器全部四个拐角。
|
|
border-style
|
边界线的样式。可以将其设置为 Dotted、Dashed、Solid、Double、Groove、Ridge、Inset、Outset、Inherit 或 None。
|
|
border-width
|
边界线的宽度。
|
自定义容器样式属性
下表列出了 flexcontainer 元素的样式属性值，并将其与样式容器的自定义值进行了比较。
|
样式/属性
|
默认值
|
样式
|
|---|---|---|
|
属性
|
• 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
|
|
预览
|
 |
 |
 |
默认样式属性值衍生自混搭样式主题中而来。
|