fon.color: yellow;
Забавно, а почему тогда не fon.tsvet: zelty???)))))
Да, до чего же непонятные эти свойства – означают ровно то, что в них написано.
А если серьезно, CSS развивается постепенно, всё стандартизировать сейчас только, потому что некоторые начинающие не могут запомнить несколько свойств (а точнее не хотят), уже нет никакого смысла. Самое главное – это контент, а все остальные украшательства: фоны, рамки прочее – вторично, поэтому запомнить color не вижу никакой сложности, а для остальных и так есть группировка:
color: black;
// цвет, вполне очевидно чего,
уж точно не фона или рамочек!
background-color: black;
// ну, извините, что не fon :)))
border-color: black;
// спасибо, что не ramochka.color