IE 5.5: новые классы CSS

Screenshot. Шоколадные полосы прокрутки. Сегодня я зашел на сайт PixelCore под своим IE 5.5 и увидел там полосу прокрутки... шоколадного цвета! Мыслей возникло две - новые возможности новой версии и глюк браузера.

Версию о глюке я отложил в сторону и стал смотреть откуда растут шоколадные ноги у полос прокрутки. Под подозрение попал PexelCore'вский CSS-файл. Скачав его себе, я увидел внутри вождевленные свойства, начинающиеся со слова scrollbar. "Так," - подумал я - "пора сходить на MSDN".

На MSDN'е мне вежливо объяснили, что браузере IE5.5 от мамы с папой при рождении получил, кроме нового в области фильтров и JavaScript, еще и новые аттрибуты к евойному CSS, о чем подробнее можно почитать "здесь, там и еще вот тут". Я проникся уважением от такой заботы к разработчикам и с удовольствием почитал. И вот, что я узнал.

scrollbar-face-color, scrollbar-shadow-color, scrollbar-highlight-color, scrollbar-3dlight-color, scrollbar-darkshadow-color, scrollbar-track-color, scrollbar-arrow-color - весьма многочисленная группа аттрибутов, управляющая цветами элементов прокрутки. Назначение каждого, думаю, понятно из названия или англо-русского словаря. Может быть применен к любому тегу, имеющему полосы прокрутки, например BODY или TEXTAREA.

word-wrap - управляет разбиением текста в контейнере. Возможные значения - normal и word-break. Второе указывает на то, что текст, не поместившийся в контейнер по ширине будет принудительно разбит на несколько строк. Помните, как слишком длинные слова "раздвигали" таблицу? Теперь это поправимо средствами CSS.

writing-mode - переключает между режимами написания "слева-направо, сверху-вниз" и "сверху-вниз, слева-направо", т.е. текст пишется горизонтально. Возможные значения - lr-tb и tb-lr. Соотвественно может применяться везде, где есть текстовое наполнение (вплоть до INPUT).

white-space - может принимать значения normal или nowrap. Normal задает обычный режимом вывода (текст, не поместившийся по ширине, автоматически разбивается на строки по пробелам и знакам припинания), nowrap - режим, при котором не поместившийся текст увеличивает ширину контейнера.

text-underline-position - управляет стилем подчеркивания текста. Принимает значения below (линия под текстом) и above (линия над текстом).

zoom - как и следует из названия, аттрибут предназначенный для _масштабирования_ содержимого тега. Значения указываются в процентах (например, 110%, 200%, 14%) или как коэффициент масштабирования (например, 1.1, 2, 0.14). Масштабировать можно все, что имеет содержание (например BODY).

Кроме того в IE 5.5 наконец-то появились псевдоклассы :first-line и :first-letter, описанные еще в CSS1. Первый позволяет назначить стиль для первой строки, второй - для первой буквы абзаца.

1 февраля 2001 19:45

Ваше имя или адрес блога (можно OpenID):

Текст вашего комментария, не HTML: