CSS3

Mediante el uso de hojas de estilo en cascada (CSS), diseñadores y desarrolladores pueden aplicar semántica de presentación a sus páginas HTML. Internet Explorer 9 continúa el trabajo realizado en Internet Explorer 8, siendo ambos totalmente compatible con la especificación CSS2.1, para lograr el soporte de muchos componentes de CSS3.
En esta página:
Tutoriales | Blogs | Ejemplos

Tutoriales

Cómo mejorar el diseño de tipo del sitio web con CSS3
Este tutorial muestra cómo incorporar nuevas características de las fuentes CSS3 en su sitio Web para que su tipografía brille en Internet Explorer 9 y otros navegadores modernos.

Cómo agregar esquinas redondeadas con CSS3
Mediante el uso de CSS3 para redondear las esquinas de elementos, puede volver a definir la apariencia del sitio Web. Aprenderá pasos básicos para realizar un diseño más atractivo de su sitio Web utilizando el nuevo soporte incorporado para esquinas redondeadas en Internet Explorer 9

Cómo agregar sombras paralelas con CSS3
Se nos introduce a cómo agregar sombras hacia fuera o dentro de los elementos mediante el uso de Internet Explorer 9 y CSS3. Las sombras siguen las esquinas curvadas creadas con el nuevo soporte de esquinas redondeadas en Internet Explorer 9.

Cómo crear Botones elegantes con CSS3
Con CSS3 e Internet Explorer 9, puede crear botones visualmente atractivos con un poco de código. Aprenderá cómo transformar un hipervínculo simple en un botón estiloso con CSS.

Volver arriba

Blog de IE Team

CSS Corner: Sobre CSS Corners
La primera vez que usamos CSS Corner como título de una publicación del blog, Chris Wilson envió este comentario: "Muchos lectores pensarán que la publicación trata de border-radius". Los primeros comentarios de la publicación le dio la razón. Hoy, CSS Corner es una propiedad de border-radius, siendo la característica más solicitada de los módulos de CSS3 Backgrounds y CSS3 Borders.

DOM Range y HTML5 Selection
IE9 incluye dos nuevas características que son excelentes para los desarrolladores web: DOM Range y las APIs de selección de texto HTML5 (HTML5 Text Selection APIs). DOM Range proporciona una manera simple y consistente para extraer y manipular un fragmento de un documento. También es la unidad subyacente de las API de selección de texto HTML5, que ayuda a conectar con una de las formas más usadas por los usuarios para interactuar con el navegador: seleccionar texto

CSS Corner: CSS3 Selectors
CSS3 Selectors permite un complejo estilo de páginas Web mediante CSS más simples y utilizando menos script que antes. IE9 incluye soporte completo para CSS3 Selectors. Esta es una característica que pidieron los desarrolladores web y estamos muy contentos de satisfacer esta necesidad.

CSS Corner: Mejor tipografía web para un mejor diseño
“Diseño Web es 95% tipografía". Gran parte de los contenidos producidos y consumidos en la web es el texto, sin embargo, los diseñadores y los usuarios se limitan a un conjunto de fuentes compatibles disponibles en los sistemas operativos de los usuarios. Escapar de esta isla tipográfica ha involucrado todo tipo de soluciones mediante CSS, utilizar gráficos e incluso plug-ins, hasta lograr ancho de banda y almacenamiento extra para accesibilidad reducida.

IE9, Opacity, y Alpha
IE9 introduce soporte para el módulo CSS3 Color, incluyendo su propiedad más popular Opacity. Como lo hemos hecho con otras características basadas en estándares, Opacity está implementada y el mismo marcado usado en otros navegadores también funciona en el modo estándar de IE9.

Volver arriba

Ejemplos

 

IMDb Video Panorama Demo
Este ejemplo requiere un navegador compatible con HTML5, como Internet Explorer 9 o la Platform Preview de Internet Explorer 10.

IE Beatz Canvas Demo
Una Web en la que podrás crear tu propio ritmo gracias al mezclador de audio. Este ejemplo requiere un navegador compatible con HTML5, como Internet Explorer 9 o la Platform Preview de Internet Explorer 10.

HTML5 Audio Player + XML Playlist
Un reproductor de audio simple construido usando el elemento audio y soporte para XML de IE9. Este ejemplo requiere un navegador compatible con HTML5, como Internet Explorer 9 o la Platform Preview de Internet Explorer 10.

Volver arriba