目录
max-width min width 与 max-height min-height
文章系列：Qt样式表入门一：介绍语法和选择器
https://blog.csdn.net/weixin_43729127/article/details/127272936
文章系列：Qt样式表入门二：介绍特性和盒模型https://blog.csdn.net/weixin_43729127/article/details/127334999文章系列：Qt样式表入门四：介绍Brushhttps://blog.csdn.net/weixin_43729127/article/details/127341801
一，背景属性 background
background-color
- 取值: Brush 类型(Brush 类型介绍见本节最后)。
- 作用: 设置控件的背景颜色，默认是 border 之内的矩形区域，包括内边距和内容矩形。
background-image
- 取值: URL 类型，格式是 url(filename)，filename 是一个本地文件路径或 Qt 资源文件路径，不支持网络图片。
- 作用: 设置控件的背景图片。可以与背景颜色共存，背景图片会覆盖背景颜色，在没有被图片覆盖的区域，显示背景颜色。
background-repeat
- 取值:
- repeat-x：在水平方向上平铺
- repeat-y：在垂直方向上平铺
- repeat：在水平和垂直方向上都平铺，这是默认值
- no-repeat：不平铺
- 作用: 设置背景图片的平铺方式。
background-position
- 取值:
- top：向上对齐
- left：向左对齐
- bottom：向下对齐
- right：向右对齐
- center：居中
-
格式 ： background-position: 水平对齐方式 垂直对齐方式。
-
作用 ： 设置背景图片的对齐方式， 默认情况下向左上对齐。
background-attachment
- 取值:
- scroll：滚动，这是默认值
- fixed：固定
-
作用 : 设置背景图片在带滚动条的控件 (QAbstractScrollArea) 中是固定在一个位置还是随着滚动条滚动。
background-clip
- 取值:
- margin：外边距矩形
- border：边框矩形
- padding：内边距矩形
- content：内容矩形
- 作用: 设置背景颜色覆盖的区域,，默认情况下背景只覆盖内边距矩形，如果没有指定，默认值为 border。
background-origin
- 取值:
- margin：外边距矩形
- border：边框矩形
- padding：内边距矩形
- content：内容矩形
- 作用: 指明背景图片的覆盖范围矩形，如果没有指定，默认为 padding。通常与 background-position 和 background-image 一起使用。
二，前景属性 color
- 取值：Brush 类型的值
- 作用：与背景相对应，背景设置的是控件的最底层的颜色作为背景，但 color 设置的前景色，也就是控件文字的颜色，color 属性是被所有 widget 都支持的。
三，边框属性 border
border-width
- 取值：数值px
- 单位为像素，数值后面一定要加上像素单位 px，也有其他单位, 但不推荐使用。
- 作用：设置边框的宽度。
border-color
- 取值：Brush 类型
- 作用：设置边框的颜色。
border-radius
- 取值：水平半径 垂直半径
- 单位为像素，数值后跟px，如果只有一个值，表示同时设置水平半径和垂直半径，如果有两个值，则第一个代表水平半径，第二个代表垂直半径。
- 作用: 设置边框四个角的弧度。
border-style
- 取值：
- dashed
- dot-dash
- dot-dot-dash
- double
- groove
- inset
- outset
- ridge
- solid（常用）
- none
- 作用：设置边框的渲染样式。
border-image（没使用过）
单写格式
- 作用：单写格式指的是, 对每条边框的每个属性分别进行设置。
-
border-top-width
-
border-top-style
-
border-top-color
-
border-right-width
-
border-right-style
-
border-right-color
-
border-bottom-width
-
border-bottom-style
-
border-bottom-color
-
border-left-width
-
border-left-style
-
border-left-color
-
连写格式
- 格式一：这种格式将四条边框的宽度，风格，颜色全部设置为一样。
- border: width style color;
- 格式二：这种格式设置指定方向边框的样式，可以只设置一条边。
-
border-top: width style color;
-
border-right: width style color;
-
border-bottom: width style color;
-
border-left: width style color;
-
-
格式三： 这种连写格式是指定一种属性 ， 按照上右下左四个方向进行设置边框。
- border-width: 上 右 下 左;
- border-style: 上 右 下 左;
- border-color: 上 右 下 左;
- 省略左则与右相同，省略下则与上相同，省略右或右下左则与上相同。
四，字体属性 font
font-style
- 取值:
- normal：正常
- italic：斜体
- oblique：倾斜的字体
- 作用: 设置字体的风格
font-weight
- 取值:
- normal: 正常粗细
- bold: 加粗
- 整型数字（数越大，字体越粗）
- 作用: 设置文字的粗细
font-size
- 取值: 数值+px（如20px）
- 作用: 设置字体的大小
font-family
- 取值: 各种字体名称（如宋体，黑体，隶书等）
- 作用: 设置文字的字体
连写格式
- font: style weight size family
- style 和 weight 的位置可以交换, 并且可以省略。
-
size 不能被省略
-
size 和 family 必须写在其他两个属性的后面 , 并且位置不能交换。
-
family 可以省略 , 省略后使用默认字体。
五，文本属性
text-align
- 取值:
- top
- bottom
- left
- right
- center（支持这个属性的控件目前只有 QPushButton 和 QProgressBar）
- 作用: 设置文本的对齐方式
text-decoration
- 取值:
- none：没有装饰
- underline：下划线
- overline：上划线
- line-through：删除线
- 作用: 给文本添加装饰
padding 和 margin
- 盒模型中的 padding 和 margin 都可以连写，也可以单独写，它们都能完成四个方向上的边距设置，默认情况下都是 0px。
-
与边框和其他连写格式一样， 如果它们连写时， 最多可以指定 4 个值， 最少指定 1 个值, 指定 4 个时，分别表示上右下左方向的边距，省略时也有相同的效果，即省略左时默认和右一样，省略下时默认和上一样，省略右时和上一样。
-
设置边距时， 数值后面必须要带像素单位， 即 px。
width 与 height
- 这两个属性设置的是盒子内容的宽高。
- 这两个属性只对子控件选择器选中的对象有效。
- 这两个属性的取值均是像素值，即数字加像素单位 px。
max-width min width 与 max-height min-height
- 这四个属性对所有的 widget 都有效，用来设置盒子内容的最小或最大尺寸。
- 当最小宽度与最大宽度相等时，意味着给这个盒子的内容设置了一个固定宽度。
- 当最小高度与最大高度相等时，意味着给这个盒子的内容设置了一个固定高度。
outline
- 属性：
- outline
- outline-color
- outline-offset
- outline-style
- outline-radius
- outline-bottom-left-radius
- outline-bottom-right-radius
-
outline-top-left-radius
-
outline-top-right-radius
- 取值：none
- 作用：outline（轮廓）是控件有焦点时（如鼠标停留在当前控件时）， 将属性值绘制在边框边缘的外围，可起到突出作用，轮廓线不占据控件，也不一定是矩形。
- 栗子：当我们想在一个控件有焦点时,，不绘制轮廓，只需要照抄下面。
-
outline: none;
-
六，结束语
这里主要都是个人的学习成果，主要参考作者
张涛<Qt Style Sheet 开发总结> 书籍，详细可看原文哈，另外，这里介绍的可能不是罗列了所有，如果有需要，还是尽量参考 Qt 官方提供的资料哈。
707
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
