目录
描述
相关属性
使用
描述
盒子模型
例如下面房子模型
• Content 矩形区域: 存放控件内容.⽐如包含的⽂本/图标等.
• Border 矩形区域: 控件的边框.
• Padding 矩形区域: 内边距. 边框和内容之间的距离.
• Margin 矩形区域: 外边距. 边框到控件 geometry 返回的矩形边界的距离默认情况下, 外边距, 内边距, 边框宽度都是 0
相关属性
margin | 设置四个⽅向的外边距. 复合属性. |
padding | 设置四个⽅向的内边距. 复合属性. |
border-style | 设置边框样式 |
border-width | 边框的粗细 |
border-color | 边框的颜⾊ |
border | 复合属性, 相当于 border-style + border-width + border-color |
复合属性:qss 可以类似于下面的这种方式来对特定属性进行修改样式,这种方式沿用了 CSS 的设定,
使用
使用起来和 CSS 一样
外边框设置
首先创建一个如下图的样式
图下我们设置了外边框,可以看到,虽然在观感上按钮的位置不在左上角了,但是其实也还是属于按钮的范围之内