@ArtHome12

Я работаю с одной графической библиотекой для настольных приложений, в которой пользовательский интерфейс задаётся при помощи CSS. Опыта в CSS у меня нет и в связи с этим возник вопрос по очередности рендеринга свойств.

1. Для родительского элемента задано border-image, которое закрывает всю его поверхность с использованием slice
2. Внутри него размещён вложенный элемент, для которого задано background-image. Будет ли оно видно?

То есть какой порядок рендеринга осуществляется в браузерах:
1. Отрисовываем background-image всех элементов, затем отрисовываем border-image всех элементов
2. Отрисовываем background-image и border-image родительского элемента, затем background-image и border-image вложенных.

Миниатюры

 

0

@Forastero

Что мешает взять и проверить?
В браузере дочерний элемент будет виден. В вашей библиотеке возможно это не так очевидно.

Зачем тогда border-image, если можно background-image? Или это особенности библиотеки?

0

@dimon888951

border-image - это рамка, background-image -это фоновый рисунок. Если к примеру нужно задать вокруг определенного элемента рамку, то background-image никак не подойдет, нужен border-image. А если нужно наложить на элемент изображение, тогда background-image. Порядок рендера, согласно размещению элементов в коде.

0

@ArtHome12

Спасибо.

0