本文將概括不同屬性型別的語法和含義。
型別語法
描述alignment
*水平和/或垂直對齊
attachment
*滾動或固定附件
background
*brush、url、repeat和alignment的序列
boolean
0 | 1
真(1)或假(0)
border
*邊框屬性
border image
none | url number(stretch | repeat)
邊框影象是由九部分組成的影象(左上、上中、右上、左中、中、右中、左下、下中、右下)。當需要一定大小的邊界時,就按原樣使用角部分,並拉伸或重複頂部、右側、底部和左側部分以生成所需大小的邊界。詳細資訊請參考css3規範。
border style
dashed | dot-dash | dot-dot-dash | dotted | double | groove | inset | outset | ridge | solid | none
指定用於繪製邊框的模式。詳細資訊請參考css3規範。
box colors
brush
brush出現一到四次,分別指定頂部、右側、底部和左側邊緣。如果未指定左側顏色,則認為它與右側顏色相同。如果未指定底部顏色,則認為它與頂部顏色相同。如果未指定右側顏色,則認為它與頂部顏色相同。qlabel /* red red red red */ qlabel /* red blue red blue */ qlabel /* red blue green blue */ qlabel /* red blue green yellow */
box lengths
length
length出現一到四次,分別指定邊框的頂部、右側、底部和左側邊緣。如果未指定左側長度,則認為它與右側長度相同。如果未指定底部長度,則認為它與頂部長度相同。如果未指定右側長度,則認為它與頂部長度相同。qlabel /* 1px 1px 1px 1px */ qlabel /* 1px 2px 1px 2px */ qlabel /* 1px 2px 3px 2px */ qlabel /* 1px 2px 3px 4px */
brush
color | gradient | paletterole
指定調色盤中的顏色、漸變或條目
color
rgb(r, g, b) | rgba(r, g, b, a) | hsv(h, s, v) | hsva(h, s, v, a) | #rrggbb | color name
指定乙個顏色為rgb(red, green,blue)或rgba(red,green,blue,alpha)或hsv(hue,saturation,value)或hsva(hue,saturation,value,alpha)或乙個命名的顏色。rgb()或rgba()語法可用於0到255之間的整數值或百分比。hsv()或hsva()中的s,v和a的值必須在0到255範圍內而h的值必須在0到359範圍內。qlabel /* opaque red */ qlabel /* opaque red */ qlabel /* 75% opaque red */ qlabel /* opaque red */ qlabel /* opaque red */ qlabel /* opaque yellow */ qlabel /* 75% blue */
font
(font style | font weight) font size string
字型屬性
font size
length
字型大小
font style
normal | italic | oblique
字型樣式
font weight
normal | bold | 100 | 200 … | 900
字型粗細(重量)
gradient
qlineargradient | qradialgradient | qconicalgradient
指定漸變填充。有三種型別的漸變填充:線性漸變在開始點和結束點之間插入顏色;徑向梯度漸變在乙個圓圈內的焦點和結束點之間插入顏色;錐形漸變在中心點附近插入顏色。漸變是在物件邊界模式下指定的。想象一下渲染漸變的方框,它的左上角在(0, 0),它的右下角在(1, 1)。漸變引數將被指定為從0到1的百分比。這些值在執行時外推到實際的座標。可以指定邊框之外的值(例如-0.6或1.8)。警告:結束點必須按公升序排列。qtextedit /* linear gradient from white to green */ qtextedit /* linear gradient from white to green */ qtextedit /* conical gradient from white to green */ qtextedit /* radial gradient from white to green */
icon
(url (disabled | active | normal | selected)? (on | off)? )*
url 、qicon::mode和qicon::state的列表。* qmessagebox
length
number (px | pt | em | ex) ?
乙個數字後面跟著測量單位。css標準建議使用者**必須忽略帶有非法值的宣告。在qt中,必須指定測量單位。為了與早期版本的qt相容,在大多數上下文中,不帶測量單位的數字被視為畫素。支援的測量單位:px,畫素值;pt,乙個點的大小(七十二分之一英吋);em,字型的em寬度('m』的寬度);ex,字型的ex寬度('x』的高度) 。然而,qt被限制為字型大小使用pt和px,其他大小使用px、em或ex。
number
十進位制整數或實數
例如:0、18、+127、-255、12.23、-.5、0009
origin
margin | border | padding | content
指示使用四個矩形中的哪乙個。margin:邊界矩形;border:邊框矩形;padding:填充矩形;content:內容矩形。請參考盒子模型。
paletterole
alternate-base | base | bright-text | button | button-text | dark | highlight | highlighted-text | light | link | link-visited | mid | midlight | shadow | text | window | window-text
這些值對應小部件的qpalette中的顏色角色。qpushbutton
radius
length
長度出現一到兩次。如果只指定乙個長度,它被用作定義角的四分之一圓的半徑。如果指定了兩個長度,則第乙個長度是四分之一橢圓的水平半徑,而第二個長度是垂直半徑。
repeat
repeat-x | repeat-y | repeat | no-repeat
指示重複性質的值。 repeat-x:水平方向重複;repeat-y:垂直方向重複;repeat:水平和垂直方向重複;no-repeat:不重複
urlurl(filename)
檔名是本地磁碟或使用qt資源系統儲存的檔案的名稱。設定影象會隱式設定其寬度和高度。
參考qt助手,如有錯誤,請指正,謝謝!
QSS常用屬性
font 15px segoe ui 字型 大小 名稱 font family segoe ui 字型名稱 padding 4px 文字邊距 padding left 5px 文字左邊距 padding right 10px 文字右邊距 padding top 3px 文字頂邊距 padding b...
QSS 子控制項集合
本文將列出在qss中可用的子控制項並標明與子控制項對應的父控制項。樣式化控制項可以參考 qss系列 可樣式化控制項 子控制項描述 add line 在qscrollbar中跳轉下一行的按鈕 add page 在qscrollbar中滑動條和add line之間的區域 branch 在qtreevie...
Qt之QSS(動態屬性)
qss可以定製應用程式的外觀,無需關注qt樣式背後的魔力。從非常輕微到極其複雜的調整,樣式表都可以做到。對於乙個完全定製和獨特的使用者體驗,qtquick和qgraphicsview是更好的選擇。更多參考 為了使用者介面外觀的動態變化,屬性選擇器可以與動態屬性組合使用。動態屬性在qt4.2中引入,允...