QSS背景属性(Background)
属性 | 描述 |
background | 在一个声明中设置所有的背景属性 |
background-attachment | 设置背景图像是否固定或者随着页面的其余部分滚动 |
background-color | 设置元素的背景颜色 |
background-image | 设置元素的背景图像 |
background-position | 设置背景图像的开始位置 |
background-repeat | 设置是否及如何重复背景图像 |
background-clip | 规定背景的绘制区域 |
background-origin | 规定背景图片的定位区域 |
background-size | 规定背景图片的尺寸 |
QSS字体属性(Font)
属性 | 描述 |
font | 在一个声明中设置所有字体属性 |
font-family | 规定文本的字体系列 |
font-size | 规定文本的字体尺寸 |
font-size-adjust | 为元素规定 aspect 值 |
font-stretch | 收缩或拉伸当前的字体系列 |
font-style | 规定文本的字体样式 |
font-variant | 规定是否以小型大写字母的字体显示文本 |
font-weight | 规定字体的粗细 |
QSS边框属性(Border和Outline)
属性 | 描述 |
border | 在一个声明中设置所有的边框属性 |
border-color | 设置四条边框的颜色 |
border-style | 设置四条边框的样式 |
border-width | 设置四条边框的宽度 |
border-bottom | 在一个声明中设置所有的下边框属性 |
border-bottom-color | 设置下边框的颜色 |
border-bottom-style | 设置下边框的样式 |
border-bottom-width | 设置下边框的宽度 |
border-up | 在一个声明中设置所有的上边框属性 |
border-up-color | 设置上边框的颜色 |
border-up-style | 设置上边框的样式 |
border-up-width | 设置上边框的宽度 |
border-left | 在一个声明中设置所有的左边框属性 |
border-left-color | 设置左边框的颜色 |
border-left-style | 设置左边框的样式 |
border-left-width | 设置左边框的宽度 |
border-right | 在一个声明中设置所有的右边框属性 |
border-right-color | 设置右边框的颜色 |
border-right-style | 设置右边框的样式 |
border-right-width | 设置右边框的宽度 |
outline | 在一个声明中设置所有的轮廓属性 |
outline-color | 设置轮廓的颜色 |
outline-style | 设置轮廓的样式 |
outline-width | 设置轮廓的宽度 |
border-radius | 在一个声明中设置所有的角的形状 |
border-top-left-radius | 定义边框左上角的形状 |
border-top-right-radius | 定义边框右上角的形状 |
border-bottom-left-radius | 定义边框左下角的形状 |
border-bottom-right-radius | 定义边框右下角的形状 |
border-image | 在一个声明中设置所有的边框的图像 |
border-image-outset | 规定边框图像区域超出边框的量 |
border-image-repeat | 图像边框是否应平铺(repeated)、铺满(rounded)或拉伸(stretched) |
border-image-slice | 规定图像边框的向内偏移 |
border-image-source | 规定用作边框的图片 |
border-image-width | 规定图片边框的宽度 |
box-decoration-break | 元素在发生断行时其样式的表现形式 |
box-shadow | 向方框添加一个或多个阴影 |
Box 属性
属性 | 描述 |
overflow-x | 如果内容溢出了元素内容区域,是否对内容的左/右边缘进行裁剪 |
overflow-y | 如果内容溢出了元素内容区域,是否对内容的上/下边缘进行裁剪 |
overflow-style | 规定溢出元素的首选滚动方法 |
rotation | 围绕由 rotation-point 属性定义的点对元素进行旋转 |
rotation-point | 定义距离上左边框边缘的偏移点 |
QSS外边距属性(Margin)
属性 | 描述 |
margin | 在一个声明中设置所有外边距属性 |
margin-bottom | 设置元素的下外边距 |
margin-up | 设置元素的上外边距 |
margin-left | 设置元素的左外边距 |
margin-right | 设置元素的右外边距 |
QSS内边距属性(Padding)
属性 | 描述 |
padding | 在一个声明中设置所有内边距属性 |
padding-bottom | 设置元素的下内边距 |
padding-up | 设置元素的上内边距 |
padding-left | 设置元素的左内边距 |
padding-right | 设置元素的右内边距 |
QSS伪状态总结
伪状态 | 描述 |
:active | 此状态在widget驻留在活动窗口中时设置。 |
adjoins-item | 此状态在QTreeView的::branch与项相邻时设置。 |
:alternate | 当QAbstractItemView::ternatingRowColors()设置为true时,将为绘制QAbstractItemView的行时的每隔一行设置此状态。 |
:bottom | 该项目位于底部。例如,标签位于底部的QTabBar。 |
:checked | 该项目已选中。例如,QAbstractButton的选中状态。 |
:closable | 这些项目可以关闭。例如,QDockWidget打开了QDockWidget::DockWidgetClosable功能。 |
:default | 该项目为默认值。例如,QMenu中的默认QPushButton或默认操作。 |
:disabled | 该项目已禁用。 |
:editable | QComboBox是可编辑的。 |
:edit-focus | 该项具有编辑焦点(请参见QStyle::State_HasEditFocus)。此状态仅适用于Qt扩展应用程序。 |
:enabled | 该项目已启用。 |
:exclusive | 该项目是独占项目组的一部分。例如,独占QActionGroup中的菜单项。 |
:first | 该项目是(列表中的)第一个项目。例如,QTabBar中的第一个选项卡。 |
:flat | 这件物品是平的。例如,平面QPushButton。 |
:floatable | 这些项目可以浮动。例如,QDockWidget打开了QDockWidget::DockWidgetFloatable功能。 |
:focus | 该项具有输入焦点。 |
:has-children | 该项目具有子项。例如,QTreeView中具有子项的项。 |
:has-siblings | 该项目有同级。例如,QTreeView中的同级项。 |
:horizontal | 该项目具有水平方向 |
:hover | 鼠标悬停在该项目上。 |
:indeterminate | 该项具有不确定状态。例如,部分选中QCheckBox或QRadioButton。 |
:last | 该项是(列表中的)最后一项。例如,QTabBar中的最后一个选项卡。 |
:left | 该项目位于左侧。例如,选项卡位于左侧的QTabBar。 |
:maximized | 该项目将最大化。例如,最大化的QMdiSubWindow。 |
:middle | 项目在中间(在列表中)。例如,QTabBar中不在开头或结尾的制表符。 |
:minimized | 该项目被最小化。例如,最小化的QMdiSubWindow。 |
:movable | 物品可以四处移动。例如,QDockWidget打开了QDockWidget::DockWidgetMoovable功能。 |
:no-frame | 该项目没有框架。例如,无框架的QSpinBox或QLineEdit。 |
:non-exclusive | 该项是非独占项组的一部分。例如,非独占QActionGroup中的菜单项。 |
:off | 对于可以切换的项目,这适用于处于“关闭”状态的项目。 |
:on | 对于可以切换的项目,这适用于处于“打开”状态的widget。 |
:only-one | 该项目是(列表中的)唯一项目。例如,QTabBar中的一个单独的选项卡。 |
:open | 该项目处于打开状态。例如,QTreeView中的展开项,或具有打开菜单的QComboBox或QPushButton。 |
:next-selected | 选择下一项(在列表中)。例如,QTabBar的选定选项卡紧挨着该项。 |
:pressed | 正在使用鼠标按下该项。 |
:previous-selected | 选择上一项(在列表中)。例如,QTabBar中选定选项卡旁边的选项卡。 |
:read-only | 该项目标记为只读或不可编辑。例如,只读QLineEdit或不可编辑的QComboBox。 |
:right | 该项目位于右侧。例如,选项卡位于右侧的QTabBar。 |
:selected | 该项目即被选中。例如,QTabBar中的选定选项卡或QMenu中的选定项目。 |
:top | 该项目位于顶部。例如,选项卡位于顶部的QTabBar。 |
:unchecked | 该项目处于取消选中状态。 |
:vertical | 该项目具有垂直方向。 |
:window | widget是窗口(即顶层小部件) |