Mejoras de CSS en Internet Explorer 8

Internet Explorer 8 es plenamente compatible con la especificación de hojas de estilos en cascada (CSS), nivel 2, revisión 1 (CSS2.1) y admite algunas de las características de CSS, nivel 3 (CSS3). Este tema consta de una lista completa de cambios efectuados en cuanto a la compatibilidad de Internet Explorer 8 con CSS. Para consultar de un vistazo la compatibilidad con CSS de las versiones más recientes de Internet Explorer, vea Compatibilidad con CSS e Internet Explorer.

• Nota de compatibilidad
• Reglas at
• Pseudoclases y pseudoelementos
• Listas
• Color y fondo
• Fuente y texto
• Contenido generado
• Borde y distribución
  • Elementos flotantes
  • Contracción de márgenes
• Posición
• Imprimir
• Interfaz de usuario
• Funcionalidades específicas del Internet Explorer
  • Expresiones CSS
  • Extensiones de CSS
• URI de datos
• Temas relacionados

Nota de compatibilidad

Los cambios realizados en la compatibilidad de Internet Explorer 8 con CSS que se describen en este tema sólo funcionarán cuando la página se encuentre en modo IE8 (o en modo EmulateIE8 con una directiva !DOCTYPE de Internet Explorer 8). Para obtener más información sobre modos de compatibilidad del documento, vea Definir la compatibilidad de documentos.

Reglas at

La regla @page funciona ahora conforme a lo esperado con los selectores :first, :left y :right.

Pseudoclases y pseudoelementos

Internet Explorer 8 incorpora compatibilidad con las pseudoclases y los pseudoelementos siguientes:

• :before y :after: en combinación con la propiedad content cuya compatibilidad se ha incluido recientemente, se pueden utilizar estas pseudoclases para describir contenido dinámico ("generado") que aparezca antes o después de los elementos de un documento.
• :focus: esta pseudoclase se aplica mientras un elemento tiene el foco de entrada.
• :lang(C): esta pseudoclase selecciona los elementos que se encuentran en un lenguaje determinado.

Además, el comportamiento actual de la pseudoclase :active es totalmente compatible con CSS 2.1 y se aplica a todos los elementos, no solamente al elemento a.

Listas

Se han agregado más valores al atributo list-style-type, para que sea totalmente compatible con CSS 2.1.

Color y fondo

El comportamiento del atributo background-position ya es totalmente compatible con CSS 2.1.

Fuente y texto

El comportamiento de los atributos de texto siguientes ya es totalmente compatible con CSS 2.1:

• font-weight
• white-space (ahora presenta compatibilidad con los valores pre-wrap y pre-line)
• word-spacing

Además, el comportamiento de suprarrayado del atributo text-decoration el comportamiento es más conforme ahora con la especificación CSS 2.1.

Contenido generado

Internet Explorer 8 incorpora compatibilidad total con el contenido generado, incluidos los atributos siguientes:

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

En combinación con la propiedad content, las pseudoclases :before y :after cuya compatibilidad acaba de incorporarse permiten describir contenido dinámico ("generado") que aparezca antes o después de los elementos de un documento.

Borde y distribución

Internet Explorer 8 incorpora la compatibilidad con lo siguiente:

• El modelo de bordes separados (atributo border-spacing)
• Posición y alineación del subtítulo (atributo caption-side)

El comportamiento de los atributos siguientes ya es totalmente compatible con CSS 2.1:

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

Elementos flotantes

Se han realizado numerosas modificaciones de los comportamientos del atributo float, con lo que se corrigen muchos de los problemas de float que se producían con las versiones anteriores de Internet Explorer, incluso los provocados por el requisito de la propiedad hasLayout. La funcionalidad de hasLayout se ha quitado en Internet Explorer 8. A continuación se muestran algunos de los problemas corregidos:

• Los elementos borrados no borran otros elementos flotantes anidados cuando no comparten un elemento primario.
• Los elementos borrados después que los elementos flotantes han duplicado el relleno superior.

Contracción de márgenes

Se han realizado muchos cambios en el comportamiento de la contracción de márgenes, para corregir la mayoría de los problemas de contracción que se planteaban con las versiones anteriores de Internet Explorer y para que este comportamiento sea compatible con la especificación CSS 2.1.

Posición

El comportamiento de los atributos de posición siguientes ya es totalmente compatible con CSS 2.1:

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

El atributo display es compatible ahora con todos los valores de distribución de tabla de la especificación sobre hojas de estilos en cascada de W3C nivel 2.1 . Durante muchos años, las tablas eran el mecanismo de distribución preferido en Internet. Con Internet Explorer 8, es posible aplicar formato de estilo de tabla a elementos que no son de tabla mediante el atributo display. En la práctica, las tablas CSS son más permisivas que el formato HTML; las tablas creadas con reglas CSS anidan los elementos para ser válidas, mientras que las tablas creadas con HTML cierran los contenedores para evitar el anidamiento inesperado.

El atributo display también admite los estilos ruby del módulo Ruby de CSS3 .

Imprimir

Internet Explorer 8 incorpora compatibilidad con los atributos de impresión siguientes:

• page-break-inside
• widows
• orphans

Para obtener más información sobre las funcionalidades de impresión de CSS, vea el artículo sobre cómo optimizar las páginas para imprimir mediante CSS.

Interfaz de usuario

Internet Explorer 8 incorpora compatibilidad con los atributos outline, que permiten resaltar los elementos sin que afecte a su tamaño. Esto incluye compatibilidad plena de los atributos siguientes con CSS 2.1:

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

Además, Internet Explorer 8 incorpora compatibilidad con el atributo box-sizing.

Funcionalidades específicas del Internet Explorer

En esta sección se describe comportamiento no definido por la especificación CSS 2.1.

Expresiones CSS

La compatibilidad con las "expresiones CSS" (o propiedades dinámicas) ha finalizado para Internet Explorer 8 en modo IE8 (o en modo EmulateIE8 con una directiva !DOCTYPE de Internet Explorer 8) por motivos de compatibilidad con estándares y de rendimiento. Sin embargo, seguirá funcionando conforme a lo esperado en Internet Explorer 8 en las páginas en modo IE7, en modo EmulateIE7 o en modo IE5. Para obtener más información sobre modos de compatibilidad del documento, vea Definir la compatibilidad de documentos.

Extensiones de CSS

Los atributos CSS siguientes son extensiones de Microsoft a la especificación CSS 2.1 y se deben especificar con el prefijo -ms- en modo 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 de datos

Un identificador uniforme de recursos (URI) permite que el autor de una página web incruste pequeñas entidades directamente en un URI, en lugar de utilizarlo para identificar una ubicación en la que recuperar la entidad. Esto reviste interés sobre todo para las imágenes pequeñas (como una viñeta) que se usan en las CSS o la distribución. Para obtener más información, vea el protocolo data.

Temas relacionados

• Compatibilidad con CSS e Internet Explorer