QSS常用屬性

2021-09-24 22:23:02 字數 1942 閱讀 5931

font: 15px "segoe ui";                           /* 字型:大小 名稱 */  

font-family: "segoe ui"; /* 字型名稱 */

padding: 4px; /* 文字邊距 */

padding-left: 5px; /* 文字左邊距 */

padding-right: 10px; /* 文字右邊距 */

padding-top: 3px; /* 文字頂邊距 */

padding-bottom: 3px; /* 文字底邊距 */

color: #f5f5f5; /* 前景(文字)顏色 */

color: qlineargradient(); /* 前景(文字)顏色:線性漸變*/

color: qradialgradient(); /* 前景(文字)顏色:輻射漸變*/

color: qconicalgradient(); /* 前景(文字)顏色:梯形漸變*/

background-color: #202122; /* 背景顏色 */

background-color: qlineargradient(); /* 背景顏色:線性漸變*/

background-color: qradialgradient(); /* 背景顏色:輻射漸變*/

background-color: qconicalgradient(); /* 背景顏色:梯形漸變*/

background-image:url(boder.png); /* 背景 */

background-position: ; /* 背景對齊方式 */

background-repeat: ; /* 背景平鋪方式 */

border: 1px solid #fdbc03; /* 邊框:寬度 顏色*/

border-image:url(boder.png) 4 8 12 16; /* 邊界圖 切線 */

border-radius: 4px; /* 角弧度 */

border-top-left-radius: ; /* 角弧度:左上角*/

border-top-right-radius: ; /* 角弧度:右上角*/

border-bottom-left-radius: ; /* 角弧度:左下角*/

border-bottom-right-radius: ; /* 角弧度:右下角*/

min-width: 65px; /* 寬度 */

min-height: 12px; /* 高度 */

QSS 屬性型別集合

本文將概括不同屬性型別的語法和含義。型別語法 描述alignment 水平和 或垂直對齊 attachment 滾動或固定附件 background brush url repeat和alignment的序列 boolean 0 1 真 1 或假 0 border 邊框屬性 border image...

Qt之QSS(動態屬性)

qss可以定製應用程式的外觀,無需關注qt樣式背後的魔力。從非常輕微到極其複雜的調整,樣式表都可以做到。對於乙個完全定製和獨特的使用者體驗,qtquick和qgraphicsview是更好的選擇。更多參考 為了使用者介面外觀的動態變化,屬性選擇器可以與動態屬性組合使用。動態屬性在qt4.2中引入,允...

Qt之QSS(動態屬性)

qss可以定製應用程式的外觀,無需關注qt樣式背後的魔力。從非常輕微到極其複雜的調整,樣式表都可以做到。對於乙個完全定製和獨特的使用者體驗,qtquick和qgraphicsview是更好的選擇。更多參考 為了使用者介面外觀的動態變化,屬性選擇器可以與動態屬性組合使用。動態屬性在qt4.2中引入,允...