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是窗口(即顶层小部件)