Почему не срабатывает css-функция attr() на атрибуте с цветом?

Question

[marginBottom]

Не срабатывает функция attr() для определения параметра background-color. Использую attr как с указанием типа, так и без. Строка data-word подхватывается. Подскажите, где ошибка?
https://codepen.io/anon/pen/NeqZbg

<div class="example" data-word="foo" data-color="#ff0000">Example #1</div>

background-color: attr(data-color color);

Answer 1

[Дмитрий]

Функция attr работает только в паре с content

Comments

[marginBottom]

Точно, MDN надо было внимательно прочитать.

Функцию attr() можно использовать с любым свойством CSS, но поддержка иных свойств, кроме content, является экспериментальной.