Aprimoramentos de CSS no Internet Explorer 8

O Internet Explorer 8 é totalmente compatível com a especificação de CSS (Folhas de estilos em cascata), Nível 2 Revisão 1 (CSS2.1), e oferece suporte a alguns recursos de CSS, Nível 3 (CSS3). Este tópico é composto de uma lista abrangente das alterações feitas ao suporte a CSS no Internet Explorer 8. Para uma visão rápida da compatibilidade com CSS nas versões recentes do Internet Explorer, consulte Compatibilidade com CSS e o Internet Explorer.

• Observação de compatibilidade
• Regras at
• Pseudoclasses e pseudoelementos
• Listas
• Cor e plano de fundo
• Fonte e texto
• Conteúdo gerado
• Borda e layout
  • Floats
  • Recolhimento de margem
• Posicionamento
• Impressão
• Interface do usuário
• Funcionalidades específicas do Internet Explorer
  • Expressões CSS
  • Extensões para CSS
• URIs de dados
• Tópicos relacionados

Observação de compatibilidade

As alterações feitas na compatibilidade com CSS no Internet Explorer 8 descritas neste tópico apenas funcionarão quando a sua página estiver no modo IE8 (ou no modo EmulateIE8 com uma diretiva !DOCTYPE do Internet Explorer 8). Para obter mais informações sobre os modos de compatibilidade de documentos, consulte Definindo a compatibilidade de documentos.

Regras at

A regra @page agora funciona conforme o esperado com os seletores :first, :left e :right.

Pseudoclasses e pseudoelementos

O Internet Explorer 8 oferece suporte às pseudoclasses e aos pseudoelementos a seguir:

• :before e :after  Em conjunto com a propriedade content que passou a ter suporte, você pode usar essas pseudoclasses para descrever conteúdos dinâmicos ("gerados") a serem exibidos antes e depois de elementos em um documento.
• :focus  Essa pseudoclasse aplica-se quando um elemento possui foco de entrada.
• :lang(C)  Essa pseudoclasse seleciona os elementos que estão em um determinado idioma.

Além disso, o comportamento da pseudoclasse :active agora é totalmente compatível com CSS 2.1; ela agora aplica-se a todos os elementos, em vez de apenas ao elemento a.

Listas

Foram acrescentados valores adicionais ao atributo list-style-type, tornando-o totalmente compatível com CSS 2.1.

Cor e plano de fundo

O comportamento do atributo background-position é agora totalmente compatível com CSS 2.1.

Fonte e texto

O comportamento dos seguintes atributos de texto agora é totalmente compatível com CSS 2.1:

• font-weight
• white-space (novo suporte para os valores pre-wrap e pre-line)
• word-spacing

Além disso, o comportamento de sobreposição do atributo text-decoration agora possui uma conformidade maior com a especificação de CSS 2.1.

Conteúdo gerado

O Internet Explorer 8 oferece suporte completo para conteúdo gerado, incluindo os atributos a seguir:

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

Em conjunto com a propriedade content, as pseudoclasses :before e :after que passaram a ter suporte permitem que você descreva conteúdos dinâmicos ("gerados") a serem exibidos antes e depois de elementos em um documento.

Borda e layout

O Internet Explorer 8 oferece suporte ao seguinte:

• Modelo de bordas separadas (atributo border-spacing)
• Posição e alinhamento de legenda (atributo caption-side)

O comportamento dos seguintes atributos agora é totalmente compatível com CSS 2.1:

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

Floats

Foram feitas muitas alterações nos comportamentos de float, corrigindo muitos dos problemas de float mais preocupantes encontrados nas versões anteriores do Internet Explorer, incluindo aqueles causados pela exigência da propriedade hasLayout. A funcionalidade hasLayout foi removida do Internet Explorer 8. A seguir alguns problemas corrigidos:

• Os elementos limpos não limpam outros floats aninhados quando não compartilham um pai.
• Os elementos limpos depois de floats possuem preenchimento superior duplo.

Recolhimento de margem

Foram feitas várias alterações no comportamento de recolhimento de margem, corrigindo muitos dos problemas de recolhimento mais preocupantes encontrados nas versões anteriores do Internet Explorer e tornando o comportamento de recolhimento de margem compatível com a especificação de CSS 2.1.

Posicionamento

O comportamento dos seguintes atributos de posicionamento agora é totalmente compatível com CSS 2.1:

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

O atributo de exibição agora oferece suporte a todo o intervalo de valores de layout de tabela da especificação de CSS Nível 2.1 do W3C (a página pode estar em inglês). Por muitos anos, as tabelas— foram o mecanismo de layout preferencial na Internet. Com o Internet Explorer 8, agora é possível aplicar a formatação no estilo de tabela a elementos que não são de tabela usando o atributo de exibição. Na prática, as tabelas CSS têm mais possibilidades do que a marcação HTML; as tabelas criadas com regras CSS aninharão elementos para que se tornem válidos, enquanto as tabelas criadas com HTML fecharão contêineres para evitar aninhamento inesperado.

O atributo de exibição também oferece suporte a estilos ruby do Módulo Ruby do CSS3 (a página pode estar em inglês).

Impressão

O Internet Explorer 8 oferece suporte aos seguintes atributos de impressão:

• page-break-inside
• widows
• orphans

Para obter mais informações sobre a funcionalidade de impressão de CSS, consulte a página sobre como otimizar páginas para impressão usando CSS (a página pode estar em inglês).

Interface do usuário

O Internet Explorer 8 oferece suporte aos atributos outline, que habilita os elementos a serem destacados sem afetar os seus tamanhos. Isso inclui o suporte totalmente compatível com CSS 2.1 aos seguintes atributos:

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

Além disso, o Internet Explorer 8 oferece suporte ao atributo box-sizing.

Funcionalidades específicas do Internet Explorer

Esta seção descreve o comportamento não definido pela especificação de CSS 2.1.

Expressões CSS

O suporte a "expressões CSS" ou a propriedades dinâmicas foi encerrado no Internet Explorer 8 no modo IE8 (ou no modo EmulateIE8 com uma diretiva !DOCTYPE do Internet Explorer 8) por motivos de desempenho e conformidade com padrões. Entretanto, eles continuarão a funcionar conforme esperado no Internet Explorer 8 em páginas no modo IE7, no modo EmulateIE7 ou no modo IE5. Para obter mais informações sobre os modos de compatibilidade de documentos, consulte Definindo a compatibilidade de documentos.

Extensões para CSS

Os atributos de CSS a seguir são extensões da Microsoft para a especificação de CSS 2.1 e devem ser especificados com um prefixo -ms- no 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

URIs de dados

Um URI (Uniform Resource Identifier) de dados permite que um autor de página da Web incorpore pequenas entidades diretamente em um URI, em vez de usar o URI para identificar um local do qual recuperar a entidade. Isso é particularmente interessante para imagens pequenas (como marcadores) usadas em CSS ou no layout. Para obter mais informações, consulte a página sobre protocolo de dados (a página pode estar em inglês).

Tópicos relacionados

• Compatibilidade com CSS e o Internet Explorer