romanu418: Если не устраивает единственный инлайн-стиль, то придется добавлять первую строку с 20-ю пустыми ячейками (но эти ячейки не должны "схлопываться" до нуля в размерах). По-другому вы никак не сделаете без css. Если не секрет, откуда такая странная задача?
А вообще хрень - эти увеличенные макеты.
Рисуешь под ретину - делай в векторе, используй смарт-объекты в фотошопе.
Не понимаю этого увлечения x2-макетами
Есть "дискретные*" свойства. Те, значения которых могут принимать ограниченное число вариантов, они как правило обозначены специальными словами. Например, свойство display может принимать значения none, block, inline и т.д. Свойство text-decoration - none, underline, line-through и т.д. К таким свойствам нельзя применить плавный переход (transition) из одного состояния в другое, потому что между этими состояниями нет промежуточных значений. То же самое относится к свойству z-index, он не может принимать дробных значений, background-image - картинка или есть или ее нет, или она просто сменяется на другую.
Напротив "недискретные" свойства могут плавно перетекать из одного состояния в другое. Преимущественно они заданы числом. Сюда же относится цвет, потому что цвет - это тоже число. Примеры таких свойств: left, width, background-position, font-size и т.д.
Запомните это, и не пытайтесь анимировать "дискретные" свойства.
* "дискретные" - мой термин, я не знаю как правильно их называть.