Ссылка на документацию по стилям и свойствам. При использовании таблиц стилей каждый виджет рассматривается как коробка, окруженная четырьмя вложенными друг в друга прямоугольниками: прямоугольник полей (margin rectangle), прямоугольник границ (border rectangle), прямоугольник заполнения (padding rectangle) и прямоугольник содержимого (content rectangle). Модель "коробки" описывает это более детально:
Свойства margin, border-width и padding по умолчанию равны нулю. В этом случае все четыре прямоугольника (полей, границ, заполнения и содержимого) полностью совпадают.
Для задания фона виджета вы можете использовать свойство background-image. По умолчанию, фоновое изображение рисуется только для области внутри границ. Это можно изменить используя свойство background-clip. Вы можете использовать свойства background-repeat и background-origin для управления повторяемостью и источником фонового изображения.
Фоновое изображение не масштабируется по размерам виджета. Чтобы предоставить "обложку" (skin) или масштабируемое в соответствии с размерами виджета фоновое изображение нужно использовать свойство border-image. Поскольку свойство border-image предоставляется как альтернатива фоновому изображению, в случае задания border-image задавать background-image не требуется. В том случае, когда заданы они оба, border-image поверх background-image.
В дополнение, свойство image можно использовать для отрисовки изображения поверх border-image. Заданное изображение не повторяется (tile) и не растягивается (stretch), а если его размер не совпадает с размерами виджета его выравнивание определяется свойством image-position. В отличие от background-image и border-image, в свойстве image можно указать изображение SVG, при этом это изображение автоматически масштабируется в соответствии с размерами виджета.
Этапы визуализации правила изложены ниже:
Субэлементы управления совместно используют взаимоотношения между предками и потомками. В случае QComboBox предком кнопки выпадающего списка является выпадающий список, а предком выпадающего списка - сам виджет. Субэлементы управления располагаются внутри своего родителя используя свойства subcontrol-position и subcontrol-origin. После расположения к субэлементам управления можно применить стиль используя модель "коробки".
В случае сложных виджетов, таких как QComboBox и QScrollBar, если одно свойство или субэлемент управления настраивается, то и все остальные свойства или субэлементы управления также должны настраиваться.