11.6 QSS語法聲明-外邊距和內邊距設置

一、QSS語法聲明-外邊距和內邊距設置

• 盒子模型包含四個屬性（margin、border、padding、content）。

1.基本內容

   '''外邊距(px/em)
        margin
        margin-top
        margin-right
        margin-bottom
        margin-left
         
        QLabel{
            border-width:10px;
            border-color:red;
            border-style:solid;
            margin-top:10px;
            margin-left:100px;
            background-color:green;
        }
        '''
 
        '''內邊距(px/em)
        padding
        padding-top
        padding-right
        padding-bottom
        padding-left
         
        QLabel{
            border-width:10px;
            border-color:red;
            border-style:solid;
            padding-bottom:10px;
            padding-right:100px;
            background-color:green;
        }
        '''

3.代碼

from PyQt5.Qt import *
import sys


class Window(QWidget) :
    def __init__(self) :
        super().__init__()
        self.setWindowTitle("QSS-語法聲明-外邊距和內邊距設置 - PyQt5中文網")
        self.resize(600, 500)
        self.func_list()

    def func_list(self) :
        self.func()

    def func(self) :
        label1 = QLabel('外邊距和內邊距設置', self)
        label1.resize(200, 200)

   


if __name__ == '__main__' :
    app = QApplication(sys.argv)
    window = Window()

    with open('qss11_6.qss', 'r', encoding='UTF-8') as f :
        qApp.setStyleSheet(f.read())

    window.show()
    sys.exit(app.exec_())

qss11_6.qss

QLabel{
            border-width:10px;
            border-color:red;
            border-style:solid;
            margin-top:10px;
            margin-left:100px;
            background-color:green;
        }
QLabel{
            border-width:10px;
            border-color:red;
            border-style:solid;
            padding-bottom:10px;
            padding-right:100px;
            background-color:green;
        }