Internet Explorer 8 полностью совместим со спецификацией каскадных таблиц стилей (CSS) уровня 2, редакция 1 (CSS2.1) и поддерживает некоторые функции CSS3. В этом разделе представлен полный список изменений, внесенных в поддержку CSS в Internet Explorer 8. Краткий обзор соответствия CSS в последних версиях Internet Explorer см. в статье, посвященной совместимости с CSS и Internet Explorer (возможно, на английском языке).

• Примечание по совместимости
• At-правила
• Псевдоклассы и псевдоэлементы
• Списки
• Цвет и фон
• Шрифт и текст
• Автоматически создаваемое содержимое
• Границы и структура
  • Плавающие объекты
  • Свертывание полей
• Позиционирование
• Печать
• Пользовательский интерфейс
• Функциональность, относящаяся к Internet Explorer
  • Выражения CSS
  • Расширения CSS
• Универсальный код ресурса (URI) Data
• См. также

Примечание по совместимости

Изменения в соответствии CSS, внесенные в Internet Explorer 8, которые описаны в этом разделе, будут функционировать только в случае, когда страница отображается в режиме IE8 (или в режиме EmulateIE8 с помощью директивы Internet Explorer 8 !DOCTYPE). Дополнительные сведения о режимах совместимости документов см. в статье, посвященной определению совместимости документов (возможно, на английском языке).

At-правила

Правило @page теперь работает, как и предполагалось, с селекторами :first, :left и :right.

Псевдоклассы и псевдоэлементы

В Internet Explorer 8 введена поддержка следующих псевдоклассов и псевдоэлементов:

• :before и :after  совместно с новым поддерживаемым свойством content эти псевдоклассы можно использовать для описания динамического ("автоматически создаваемого") содержимого, отображаемого в документе перед элементами и после них.
• :focus   этот псевдокласс применяется, когда элемент имеет фокус ввода.
• :lang(C)   этот псевдокласс используется для выбора элементов на данном языке.

Кроме того, поведение псевдокласса :active теперь полностью соответствует спецификации CSS 2.1; он теперь применяется ко всем элементам, а не только к элементу a.

Списки

Добавлены дополнительные значения для атрибута list-style-type, в результате чего было обеспечено полное соответствие спецификации CSS 2.1.

Цвет и фон

Поведение атрибута background-position теперь полностью соответствует спецификации CSS 2.1.

Шрифт и текст

Поведение следующих атрибутов текста теперь полностью соответствует спецификации CSS 2.1:

• font-weight
• white-space (новая поддержка для значений pre-wrap и pre-line)
• word-spacing

Кроме того, поведение атрибута надчеркивания text-decoration теперь более точно соответствует спецификации CSS 2.1.

Автоматически создаваемое содержимое

В Internet Explorer 8 введена полная поддержка автоматически создаваемого содержимого, включая следующие атрибуты:

• content
• counter-increment
• counter-reset
• quotes

Совместно со свойством content новые поддерживаемые псевдоклассы :before и :after позволяют описывать динамическое ("автоматически создаваемое") содержимое, отображаемое в документе перед элементами и после них.

Границы и структура

В Internet Explorer 8 введена поддержка следующих возможностей:

• Модель отделенных границ (атрибут border-spacing)
• Позиционирование и выравнивание заголовка (атрибут caption-side)

Поведение следующих атрибутов теперь полностью соответствует спецификации CSS 2.1:

• border-collapse
• border-style
• empty-cells

Плавающие объекты

Много изменений было внесено в поведение плавающих объектов, исправлено большинство проблем, связанных с использованием плавающих объектов, которые были присущи предыдущим версиям Internet Explorer, включая проблемы, обусловленные требованиями свойства hasLayout. Функциональность hasLayout была удалена из Internet Explorer 8. Ниже приводится перечень некоторых из проблем, которых были разрешены:

• Очищенные элементы не очищают другие вложенные плавающие объекты, когда у них отсутствует общий родительский объект.
• Очищенные элементы, расположенные после плавающих объектов имеют двойной верхний отступ.

Свертывание полей

Много изменений было внесено в поведение, связанное со свертыванием полей, исправлено большинство проблем, связанных со свертыванием полей, которые были присущи предыдущим версиям Internet Explorer, благодаря чему поведение функции свертывания полей было приведено в соответствии со спецификацией CSS 2.1.

Позиционирование

Поведение следующих атрибутов позиционирования теперь полностью соответствует спецификации CSS 2.1:

• bottom
• clip
• display
• left
• right
• top
• z-index

Атрибут display теперь поддерживает полный диапазон значений табличного макета спецификации Спецификация консорциума W3C каскадных таблиц стилей (CSS) уровня 2.1 (возможно, на английском языке). Многие годы таблицы были основным способом размещения элементов на веб-страницах. В Windows Internet Explorer 8 теперь можно применять табличное форматирование к нетабличным элементам с помощью атрибута display. На практике таблицы CSS дают больше возможностей, чем HTML-разметка. Таблицы, созданные с помощью правил CSS, могут включать вложенные элементы и быть допустимыми, тогда как в таблицах, созданных с помощью HTML, контейнеры должны закрываться, чтобы избежать неожиданного вложения.

Атрибут display также поддерживает стили ruby из модуля CSS3 Ruby.

Печать

В Internet Explorer 8 введена полная поддержка следующих атрибутов печати:

• page-break-inside
• widows
• orphans

Дополнительные сведения о функциональности печати CSS см. в документе Практическое руководство по CSS — оптимизация страниц для печати с использованием CSS (возможно, на английском языке).

Пользовательский интерфейс

В Internet Explorer 8 введена поддержка атрибутов outline, позволяющая выделять элементы, не оказывая воздействия на их размер. Она включает поддержку, полностью соответствующую спецификации CSS 2.1, для следующих атрибутов:

• outline
• outline-color
• outline-style
• outline-width.

Кроме того, в Internet Explorer 8 введена поддержка атрибута box-sizing.

Функциональность, относящаяся к Internet Explorer

В этом разделе описывается поведение, которое не определяется спецификацией CSS 2.1.

Выражения CSS

Поддержка "выражений CSS," или динамических свойств, была прекращена в Internet Explorer 8 для режима IE8 (или режиме EmulateIE8 с директивой !DOCTYPE браузера Internet Explorer 8) по причинам, связанным с производительностью и необходимостью соответствия стандартам. Однако эти выражения по-прежнему поддерживаются в Internet Explorer 8 на страницах, отображаемых в режиме IE7, режиме EmulateIE7 или режиме IE5. Дополнительные сведения о режимах совместимости документов см. в статье, посвященной определению совместимости документов (возможно, на английском языке).

Расширения CSS

Следующие атрибуты CSS являются расширениями, введенными корпорацией Майкрософт в спецификацию CSS 2.1; они должны указываться с помощью префикса -ms- в режиме IE8:

• -ms-accelerator
• -ms-background-position-x
• -ms-background-position-y
• -ms-behavior
• -ms-filter
• -ms-ime-mode
• -ms-layout-flow
• -ms-layout-grid
• -ms-layout-grid-char
• -ms-layout-grid-line
• -ms-layout-grid-mode
• -ms-layout-grid-type
• -ms-line-break
• -ms-overflow-x
• -ms-overflow-y
• -ms-scrollbar-3dlight-color
• -ms-scrollbar-arrow-color
• -ms-scrollbar-base-color
• -ms-scrollbar-darkshadow-color
• -ms-scrollbar-face-color
• -ms-scrollbar-highlight-color
• -ms-scrollbar-shadow-color
• -ms-scrollbar-track-color
• -ms-text-align-last
• -ms-text-autospace
• -ms-text-justify
• -ms-text-kashida-space
• -ms-text-overflow
• -ms-text-underline-position
• -ms-word-break
• -ms-word-wrap
• -ms-writing-mode
• -ms-zoom

Универсальный код ресурса (URI) Data

Универсальный код ресурса (URI) data позволяет разработчикам веб-страниц встраивать небольшие объекты непосредственно в код URI вместо того, чтобы использовать код URI для задания расположения, из которого следует извлечь данный объект. В первую очередь это удобно для небольших изображений (например, маркеров), которые используются в CSS-стилях или макете. Дополнительные сведения см. в статье, посвященной протоколу data (возможно, на английском языке).

См. также

• Совместимость с CSS и Internet Explorer