QSS大总结


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该项目已禁用。
:editableQComboBox是可编辑的。
: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该项目具有垂直方向。
:windowwidget是窗口(即顶层小部件)
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

贝勒里恩

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值