Взаимосвязь CSS свойств background и border

Всегда думал, что фон ( background ) распространяется на объект до его границ ( border ), включая контентную часть и внутренний отступ ( padding ). А оказалось, что он продолжается и под border'ом...

Существует малоизвестное свойство background-clip. Его значение по-умолчанию - border-box. Именно оно и делает так, что фон находится и под границами элемента. Так что, по-умолчанию, идея сделать полупрозрачный border (например, с помощью RGBA) не реализуема.

Спасение могут стать другие значения для background-clip: content-box или padding-box.