CSS establece background-image por data-image attr

Tengo una especie de elementos con este patrón:

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

Quiero establecer estos elementosbackground-image adata-image. Pruebo este código CSS:

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

el borde se muestra correctamente pero no pasó nada para el fondo ¿Cómo puedo solucionar este código solo con css (no js o jq)?

Respuestas a la pregunta(3)

Su respuesta a la pregunta