# 变更记录
| 产品版本 | 更新内容 | 更新日期 |
| --- | --- | --- |
| V7.0.1 | 完善了表格样式属性设置，支持设置表头背景色，满足用户通过表头颜色快速分类数据的需求 | 2024-10-24 |
# 1 功能介绍
样式属性是每个控件在设计器右侧样式栏可以设置的属性，本对照表记录了样式属性的使用方法，便于使用时对照查询。
# 2 样式属性说明
| 属性名 | 类型 | 默认值 | 属性说明 |
| --- | --- | --- | --- |
| 字体大小 | 整数 | 12 | 用于设置文字的字体大小 |
| 字重 | 下拉 | 正常 | 用于设置文字的粗细 |
| 前景色 | 颜色选择器 | - | 用于设置文字的字体颜色 |
| 背景色 | 颜色选择器 | - | 用于设置控件的背景颜色 |
| 圆角半径 | 宽高选择器 | - | 用于设置控件边框的圆角属性 |
| 侧轴对齐 | 下拉 | 默认 | |
| 堆叠顺序 | 整数 | 0 | 用于设置控件的层级，当两个控件重叠时，堆叠顺序高的显示在前面 |
| 自定义样式 | 弹框选择 | - | 用于给控件设置自己指定的样式 |
| 边框样式 | - | - | 用于设置外边距、边框大小以及内边距的样式 |
| 值域字体大小 | 整数 | 12 | 用于设置字段值部分的字体大小 |
| 值域前景色 | 颜色选择器 | - | 用于设置字段值部分的字体颜色 |
| 值域背景色 | 颜色选择器 | | 用于设置字段值部分的背景颜色 |
| 值域对齐方式 | 下拉 | 默认 | 用于设置字段值部分的对齐方式 |
| 宽度 | 宽高选择器 | | 用于设置控件的宽度 |
| 高度 | 宽高选择器 | | 用于设置控件的高度 |
| 占整行 | 复选框 | false | 当使用字段布局容器时有该属性，可以控制字段是否独占一行显示 |
| 扩展比率 | 整数 | 1 | 用于设置容器的扩展比率 |
| 压缩比率 | 整数 | 1 | 用于设置容器的压缩比率 |
| 背景图片 | 弹框选择 | - | 用于给容器设置背景图片 |
| 背景图重复 | 下拉 | 默认 | 用于容器控件尺寸大于背景图时设置背景图重复的方向 |
| 背景图充满 | 复选框 | false | 是否让背景图充满整个容器 |
| 溢出 | 下拉 | 自动滚动栏 | 内容尺寸超出容器时，是否要出滚动条 |
| 悬停阴影 | 复选框 | false | 鼠标悬停时是否显示边框阴影 |
| 表头背景色 | 颜色选择器 | - | 设置表格头部背景色 |
# 3 详细属性介绍
## 3.1 值域属性
值域是一个字段录入或者显示值的部分，如图：红框范围的是整个字段的范围，蓝框橙色背景部分的是值域的范围。如果有设置值域部分的样式属性，值域的样式属性会覆盖字段的样式属性。
举个例子：如果设置了字体大小为14，值域的字体大小为18。那么字段标题部分显示的字体大小为14，值部分显示的字体大小为18。前景色，背景色这些同理。
## 3.2 溢出
溢出属性有三个，分别是自动滚动栏，可见，裁减。下面以一个Flex面板为例介绍下这三个属性，为了区分边界，给Flex面板加了一个浅色的背景色，Flex面板里面加了三个文本字段
自动滚动栏：顾名思义，就是元素内容超出容器大小时会出滚动条，如图，文本内容超出容器尺寸时出滚动条。
可见：溢出属性设置为可见时，内容超出不会出滚动条，但是会撑出容器，保持可见，如图：
裁减：溢出属性设置为裁减时，内容超出不会出滚动条，超出部分会被截断.
