Как использовать несколько рамок одновременно

В стародавние времена, когда спецификация Backgrounds & Borders Level 3 была еще на стадии черновика, в рабочей группе CSS велось активное обсуждение вопроса, нужно ли разрешать использование сразу нескольких рамок — нескольких фоновых изображений. К сожалению, тогда все сошлись на том, что вариантов использования нескольких рамок слишком мало и разработчики всегда могут прибегнуть к помощи  border-image для достижения того же эффекта. Однако рабочая группа упустила из виду важность наличия возможности гибко настраивать рамки в CSS-коде, из-за чего разработчикам для имитации нескольких рамок пришлось прибегать к корявым трюкам вроде наложения друг на друга множества элементов. И все же существуют более удачные способы решения этой задачи, не приводящие к загрязнению кода бесполезными лишними элементами. Читать далее