Eu tenho uma espécie de elementos com este padrão:

<div data-image="{imageurl}" ...></div>

Eu quero definir esses elementosbackground-image paradata-image. Eu testo este código CSS:

div[data-image] {
    border: 2px solid black;
    background-image: attr(data-image url);
}

a borda é exibida corretamente, mas nada aconteceu em segundo plano Como posso corrigir esse código apenas com css (não js ou jq)?