CSS

Internet Explorer 10, ainsi que les applications du Windows Store en JavaScript dans Windows 8, prennent en charge plusieurs nouvelles fonctionnalités de feuilles de style en cascade (CSS, Cascading Style Sheets), notamment une nouvelle disposition avancée, des effets visuels et des fonctionnalités de panoramique et de zoom. Cette tendance a commencé avec Windows Internet Explorer 8 (conformité totale avec la norme CSS2.1 Cascading Style Sheets, niveau 2 révision 1) et s’est poursuivie avec Windows Internet Explorer 9 (prise en charge des angles arrondis, des images à plusieurs arrière-plans, des nouveaux modèles de couleurs et de l’opacité CSS, de polices et du format WOFF (Web Open Font Format), des transformations 2D, des requêtes de média, des espaces de noms CSS3 (Cascading Style Sheets, niveau 3), et de bien d’autres choses. Internet Explorer 10 poursuit cette progression en introduisant la prise en charge des fonctionnalités CSS décrites dans cette section.

Important  Ces fonctionnalités opèrent de façon identique dans Internet Explorer 10 et les applications du Windows Store en JavaScript.

Remarque  Pour obtenir une liste complète des fonctionnalités CSS prises en charge dans les différentes versions récentes de Windows Internet Explorer, voir Compatibilité CSS dans Internet Explorer.

Disposition avancée

Internet Explorer 10 et Windows 8 introduisent plusieurs nouvelles méthodes pour gérer la disposition de votre page Web ou de votre application du Windows Store en JavaScript avec CSS. Ces méthodes incluent :

RubriqueDescription

Exclusions CSS

Renvoient le texte à la ligne, de façon à ce qu’il entoure complètement les éléments, au lieu de limiter les éléments au positionnement flottant à gauche ou à droite du texte.

Régions CSS

Prennent un seul flux de contenu HTML qui comprend à la fois des images et du texte, et placent ce contenu dans plusieurs conteneurs vides définis dans un document HTML standard.

Disposition multi-colonne CSS3

Agence le contenu dans plusieurs colonnes avec un espace et une règle facultative entre elles.

Disposition de boîte flexible (« Flexbox ») CSS3

Tient compte de l’espace disponible lors de la définition des dimensions d’une boîte, ce qui permet des tailles et un positionnement relatifs.

Disposition de grille CSS3

Divise l’espace des principales régions d’une page ou d’une application Web et définit la relation entre les parties d’un contrôle HTML en termes de taille, de position et de couche.

Adaptation des appareils au format CSS

La règle @-ms-viewport, ainsi que les requêtes de média CSS, permettent aux développeurs Web et aux développeurs d’applications du Windows Store en JavaScript pour Windows 8 d’optimiser la disposition des sites et des applications pour différents appareils, avec un minimum d’effort.

 

Effets visuels

Internet Explorer 10 et les applications du Windows Store en JavaScript prennent en charge certains des modules d’effets visuels CSS3 les plus récents. Ces modules sont les suivants :

RubriqueDescription

Transformations 3D CSS3

Convertissent, font pivoter et mettent à l’échelle les éléments dans l’espace 2D et 3D.

Animations CSS3

Animent les éléments en variant automatiquement les propriétés CSS comme il convient.

Polices CSS3

Accèdent aux fonctionnalités typographiques avancées dans les polices OpenType dont elles font partie.

Dégradés CSS3

Ajoutent des dégradés de couleur à chaque propriété qui accepte les images.

Transitions CSS3

Créent des animations simples en modifiant progressivement les valeurs des propriétés CSS depuis une valeur de départ jusqu’à une valeur de fin.

Texte CSS3

Applique une ombre portée au texte ou coupe automatiquement des blocs de texte.

 

Autres nouvelles fonctionnalités

Internet Explorer 10 et les applications du Windows Store en JavaScript introduisent également la prise en charge des nouvelles fonctionnalités suivantes :

RubriqueDescription

Suppression des limites de feuille de style

Les limites du nombre de feuilles de style par page Web et du nombre de niveaux d’imbrication qui étaient présentes dans les versions précédentes de Windows Internet Explorer ont été supprimées dans Internet Explorer 10.

Défilement et zoom tactiles

CSS vous permet de contrôler les vues de défilement et de zoom de votre page Web optimisée pour les fonctions tactiles dans Internet Explorer 10 ou votre application du Windows Store en JavaScript dans Windows 8.

Spécification du texte sélectionnable

La propriété -ms-user-select est une nouvelle propriété CSS qui permet aux développeurs Web et d’applications de contrôler les emplacements dans lesquels les utilisateurs peuvent sélectionner du texte dans leurs applications du Windows Store en JavaScript ou dans leurs pages Web.

 

Rubriques connexes

Guide du développeur Internet Explorer 10

 

 

Afficher:
© 2014 Microsoft