Применение CSS. Часть 6: «Девятка» опережает
Оставаясь в целом догоняющим, кое в чём IE9 всё же опередил передовые браузеры.
Что касается большинства реализованных в IE9 псевдоэлементов, тут проблемы у Webkit. Псевдоэлемент :first-line/::first-line до сих пор не поддерживает свойство text-transform, ::before/:before и ::after/:after - анимации и преобразования. Псевдоэлемент выделенного текста ::selection в Firefox пока реализован экспериментально и используется с префиксом -moz- (зато ещё с версии 1.0!).
Чуть раньше, чем в Opera и Webkit были исправлены небольшие проблемы в реализации свойства visibility.
Псевдокласс :indeterminate ещё не успела ввести Opera. Впрочем, как пишут, наличные реализации этого псевдокласса не настоящие.
Заработало свойство border-radius (хотя у остальных браузеров, кроме KHTML, давно работало, только с префиксами). То же касается и box-shadow,- но это свойство сравнительно безболезненно имитируется через фильтры.
Устранена неспособность свойства content отражать динамически изменяемый атрибут посредством функции attr(). Реализация этого свойства в остальных браузерах имеет небольшие баги.
Уникальный прорыв - IE9 первым реализовал долгожданное свойство font-stretch, позволяющее менять ширину символов. Тс-с-с, как бы не услышали дизайнеры, некоторые из которых и без того давно уверены, что верстальщик это может реализовать, из-за чего порой приходится слышать омерзительное «Да сделай ты это картинкой!». Чур меня, чур!
Реализован ряд CSS3-единиц измерения, которых ещё почти нигде больше нет: turn (оборот, 360 °), vw, vh и vm (параметры порта просмотра - ширина, высота и их минимум). Единицы ch (ширина символа «0») и rem (корневой размер шрифта) появились также в Firefox версий 3.5 и 3.6 соответственно.
Появилась CSS3-функция calc(), реализованная только в Firefox 4.0, да и то экспериментально. Свойство выглядит чрезвычайно удобно, однако, похоже, что оно призвано осуществлять трюки, «латая» органические недостатки CSS-позиционирования или недостатки непродуманной вёрстки. Первый же пример на мозилловском сайте описывает способ задать блоку ширину 100 % минус фиксированная величина. Но то же самое можно сделать другими способами или если бы было значение box-sizing: margin-box. В общем, над этим надо думать, благо браузеры не торопятся реализовывать эту возможность.
Реализовано полностью значение transparent; ранее оно не работало для свойства color, текст становился чёрным (хотя зачем бы убирать текст таким способом, когда уже есть display и visible?). Opera игнорирует его для свойства outline-color.