1. 程式人生 > 其它 >11.6 QSS語法宣告-外邊距和內邊距設定

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;
        }