Зачем в примере стиля дважды задаётся ширина границы виджета?

[Гурман]

Я не очень опытен в использовании таблиц стилей в Qt, поскольку традиционно предпочитаю задавать параметры в коде. В примерах использования таблицы стилей у QPushButton дважды для каждой границы задаётся её ширина:

Код:

        QPushButton {
            color: grey;
            border-image: url(/home/kamlie/code/button.png) 3 10 3 10;
            border-top: 3px transparent;
            border-bottom: 3px transparent;
            border-right: 10px transparent;
            border-left: 10px transparent;
        }

С border-image всё понятно - числами задана ширина не масштабируемых частей картинки. А далее зачем это делается повторно?

[gil9red]

Насколько я вижу, там задается размер картинки в кнопке и размер самой кнопки

[Гурман]

Насколько я вижу, там задается размер картинки в кнопке и размер самой кнопки

Нет.

The numbers after the url gives the top, right, bottom and left number of pixels, respectively. These numbers correspond to the border and should not stretch when the size changes.

То есть, в border-image задается картинка для кнопки, а числа за ним - ширина в пикселах для границ картинки с четырех сторон, которые не масштабируются при масштабировании всей кнопки. Вот зачем они дублируются потом?

[Bepec]

Границы для размещения окантовки и границы самой кнопки - разные вещи.
Бордер имейдж задает рисунок, но при этом не ограничивая внутренний контейнер кнопки.
Бордер кнопки задаёт отступы, которые используются при рассчете внутреннего контейнера. Как бы так.

Т.е. окантовка у вас может быть на 3px, а бордюр на деле 5 px.

[Гурман]

Границы для размещения окантовки и границы самой кнопки - разные вещи.
Бордер имейдж задает рисунок, но при этом не ограничивая внутренний контейнер кнопки.
Бордер кнопки задаёт отступы, которые используются при рассчете внутреннего контейнера. Как бы так.

Т.е. окантовка у вас может быть на 3px, а бордюр на деле 5 px.

То есть, в border-image я задаю границы, которые не масштабируются при масштабировании кнопки, а остальные border- в примере - это области в которых кнопка не получает события? То есть, это как бы "рамка" с полной функциональностью - её толщина не меняется, и кнопка при нажатии на неё не реагирует. Так что ли?

[Bepec]

Хз, пробуйте. Никто до вас не изучал поведение данных параметров

[lit-uriy]

Может это поможет: http://htmlbook.ru/css/border-image
Обрати внимание на исходную картинку

[Гурман]

Может это поможет: http://htmlbook.ru/css/border-image
Обрати внимание на исходную картинку

Перед написанием ответа читать вопрос и дальнейшее обсуждение уже не принято? Вопрос был не про что такое border-image, а... суть вопроса в самом вопросе.

[Гурман]

Хз, пробуйте. Никто до вас не изучал поведение данных параметров

Это равнозначно "никто не использовал"...

[lit-uriy]

Гурман, я прочитал тему и дал ответ по существу.
Для того чтобы понять зачем указаны толщины границы (border), нужно понять, что задают цифры в border-image.
Эти цифры не задают толщину границы, они задают толщину части рисунка, которую нужно использовать для границы.

граница толщиной 40 пкс может содержать часть рисунка толщиной 10 пкс.

[Гурман]

Гурман, я прочитал тему и дал ответ по существу.

Нет.

[Гурман]

Для того чтобы понять зачем указаны толщины границы (border), нужно понять, что задают цифры в border-image.

Границы border-* к border-image вообще не имеют отношения.