天天看点

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 该项目已禁用。
: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 该项目具有垂直方向。