Informações
O tópico solicitado está sendo mostrado abaixo. No entanto, este tópico não está incluído nesta biblioteca.

CSS

O Internet Explorer 10, assim como os aplicativos da Windows Store que usam JavaScript no Windows 8, adiciona suporte a diversos novos recursos CSS (Folhas de Estilos em Cascata), incluindo novo layout avançado, efeitos visuais e recursos de movimento panorâmico e zoom. Essa tendência começou com o Windows Internet Explorer 8 (conformidade total com o padrão CSS2.1 (Folhas de Estilos em Cascata, Nível 2 Revisão 1) e continuou com o Windows Internet Explorer 9 (suporte a cantos arredondados na CSS, múltiplas imagens de fundo, novos modelos de cores e opacidade, fontes CSS3 (Folhas de Estilos em Cascata, Nível 3) e WOFF (Web Open Font Format), transformações 2D, consultas de mídia, namespaces CSS3 etc.). O Internet Explorer 10 continua esse progresso através da introdução de suporte para os recursos CSS descritos nesta seção.

Importante  Esses recursos funcionam de maneira idêntica no Internet Explorer 10 e nos aplicativos da Windows Store em JavaScript.

Observação  Para ver uma lista de suporte a CSS completa em todas as versões recentes do Windows Internet Explorer, consulte Compatibilidade de CSS no Internet Explorer.

Layout avançado

O Internet Explorer 10 e o Windows 8 introduzem diversos novos métodos para criar o layout da sua página da Web ou do seu aplicativo da Windows Store que usa JavaScript com CSS. Esses métodos incluem:

TópicoDescrição

Exclusões CSS

Quebra o texto para que ele circunde completamente os elementos, em vez de limitar a flutuação de elementos para a esquerda ou a direita do texto.

Regiões CSS

Pega um único fluxo de conteúdo HTML que inclui texto e imagens, e transmite esse conteúdo para vários contêineres vazios definidos em um documento HTML padrão.

Layout com Várias Colunas CSS3

Transmite o conteúdo para várias colunas que permitem uma lacuna e uma regra opcional entre elas.

Layout de Caixa Flexível ("Flexbox") CSS3

Leva em conta o espaço disponível ao definir as dimensões da caixa, permitindo assim tamanhos e posicionamento relativos.

Layout de grade CSS3

Divide o espaço para grandes regiões de uma página da Web ou aplicativo Web e define o relacionamento entre as partes de um controle HTML em termos de tamanho, posição e camada.

Adaptação de Dispositivos CSS

A regra @-ms-viewport, em conjunto com as Consultas de Mídia CSS, permite que desenvolvedores da Web e de aplicativos da Windows Store em JavaScript para Windows 8 otimizem o layout de sites e aplicativos para diferentes dispositivos com o mínimo de esforço.

 

Efeitos visuais

O Internet Explorer 10 e os aplicativos da Windows Store que usam JavaScript dão suporte para alguns dos módulos de efeitos visuais mais recentes do CSS3. São eles:

TópicoDescrição

Transformações 3D CSS3

Convertem, giram e dimensionam elementos em espaço 2D e 3D.

Animações CSS3

Animam elementos variando automaticamente as propriedades CSS de modo suave ao longo do tempo.

Fontes CSS3

Acessam recursos tipográficos avançados em fontes OpenType que os incluam.

Gradientes CSS3

Adicionam gradientes de cor a qualquer propriedade que aceite imagens.

Transições CSS3

Criam animações simples, alterando de modo suave os valores da propriedade CSS de um valor inicial para um valor final.

Texto CSS3

Aplicam uma sombra projetada ao texto ou hifenizam automaticamente blocos de texto.

 

Outros Novos Recursos

O Internet Explorer 10 e os aplicativos da Windows Store que usam JavaScript também apresentam os novos recursos a seguir:

TópicoDescrição

Remoção de limites de folha de estilos

Os limites ao número de folhas de estilos por página web e ao número de níveis de aninhamento que estavam presentes em versões anteriores do Internet Explorer foram removidos no Internet Explorer 10.

Rolagem e zoom com toque

Usando a CSS, é possível controlar os modos de exibição de rolagem e zoom da sua página da Web otimizada para toque no Internet Explorer 10 ou em seu aplicativo da Windows Store que usa JavaScript no Windows 8.

Especificando texto selecionável

A propriedade -ms-user-select é uma nova propriedade CSS que permite que desenvolvedores de aplicativos e da Web controlem onde os usuários podem selecionar texto dentro de seus aplicativos da Windows Store em JavaScript ou páginas da Web.

 

Tópicos relacionados

Guia para Desenvolvedores do Internet Explorer 10

 

 

Mostrar:
© 2014 Microsoft