Почему элемент IMG имеет свойство цвета CSS?

Question

Почему у элемента IMG есть свойство цвета CSS?

После 20 минут игры в Firebug я не мог понять, как его можно использовать.

Answer 1

Будет окрашивать альтернативный текст, когда изображение не загружается: demo .

Answer 2

IMG ничем не отличается от любого другого встроенного элемента. Например, в большинстве браузеров атрибут color устанавливает цвет альтернативного текста во время загрузки изображения или когда его нельзя иначе визуализировать.

Answer 3

<style>
    img {
        color: #f00;
        width: 50px;
        height: 50px;
        background-color: #000;
        position: absolute;
    }
    img:after {
        content: "asdf";
    }
<style>

<img />

asdf красный. (на Firefox, протестирован с firebug на этой самой странице.)

В любом случае, я уверен, что стандарт CSS не связывает определенные правила CSS с конкретными элементами HTML-тегов.

Answer 4

Каждый элемент имеет каждое свойство, хотя некоторые свойства не «применяются», то есть не могут влиять на некоторые элементы (см. Пункт Применяется к в спецификации CSS). Таким образом, вопрос на самом деле таков: при каких обстоятельствах свойство color может повлиять на отображение элемента img? Как описано в других ответах, это может повлиять на отображение альтернативного текста или сгенерированного контента. (Однако в старых браузерах alt текст может отображаться с использованием фиксированных подпрограмм, которые не зависят от правил CSS.)