Compatibilidad con CSS e Internet Explorer
La compatibilidad con las hojas de estilos en cascada (CSS) ha ido mejorando regularmente con cada nueva versión de Windows Internet Explorer. Internet Explorer 6 fue la primera versión de Internet Explorer totalmente compatible con CSS, nivel 1. Windows Internet Explorer 8 es plenamente compatible con la especificación CSS, nivel 2, revisión 1 (CSS 2.1) y admite algunas de las características de CSS, nivel 3 (CSS 3).
Si el sitio web está diseñado para exploradores que incluyen versiones anteriores de Internet Explorer, es necesario conocer el nivel de compatibilidad con CSS de esas versiones. Este artículo permite consultar de un vistazo la compatibilidad de CSS con las versiones recientes de Internet Explorer, incluido Internet Explorer 8.
Nota: las características de CSS que son nuevas en Internet Explorer 8 únicamente funcionarán cuando la página se presente en modo IE8 (o posterior). Puede asegurarse de que la página se muestre en modo IE8 incluyendo la metaetiqueta siguiente en la sección de encabezado de la página:
<meta http-equiv="X-UA-Compatible" content="IE=8" />
Para obtener más información sobre modos de compatibilidad del documento, vea Definir la compatibilidad de documentos.
La organización de este artículo se basa más o menos en la documentación de referencia de CSS de MSDN. Contiene las secciones siguientes:
- Introducción
- Reglas at
- Selectores
- Selectores de elemento
- Selectores de atributo
- Elementos de combinación
- Pseudoclases
- Pseudoelementos
- Atributos
- Listas
- Color y fondo
- Fuente y texto
- Contenido generado
- Borde y distribución
- Posición
- Imprimir
- Interfaz de usuario
- Distribución de varias columnas
- Voz
- Consultas de soportes físicos
- Valores
- Números
- Cadenas
- Formas
- Funciones
- Colores
- Palabras clave
- Unidades
Introducción
En cada tabla se muestra una lista con información del estado de la compatibilidad con las características agrupadas de CSS en las versiones más recientes de Internet Explorer. En cada sección, la primera tabla representa las características incorporadas en CSS 2.1 o versiones anteriores, y la segunda tabla representa las características previstas (por World Wide Web Consortium (W3C)) para CSS 3.
El valor "Sí" en una celda indica que esa característica se implementa en esa versión de Internet Explorer.
El valor "Parcial" en una celda indica que esa característica se implementa solo parcialmente en esa versión de Internet Explorer. Para obtener más información, haga clic en el vínculo para ver la página de referencia de esa característica en MSDN (la página puede estar en inglés).
El valor "No" en una celda indica que esa característica no se implementa en esa versión de Internet Explorer.
Reglas at
CSS 2.1:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | |
|---|---|---|---|---|---|
| @charset | No | Sí | Sí | Sí | Sí |
| @import | Sí | Sí | Sí | Sí | Sí |
| @media | No | Sí | Sí | Sí | Sí |
| @page | Parcial | Parcial | Parcial | Parcial | Sí |
CSS 3:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | |
|---|---|---|---|---|---|
| @font-face | No | Sí | Sí | Sí | Sí |
| @namespace | No | No | No | No | No |
Selectores
Selectores de elemento
CSS 2.1:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| .value { sRules } | Selector de clase (vea Nota) | Parcial | Parcial | Parcial | Sí | Sí |
| #value { sRules } | Selector de identificador | Sí | Sí | Sí | Sí | Sí |
| E { sRules } | Selector de tipo | Sí | Sí | Sí | Sí | Sí |
| * { sRules } | Selector universal | No | No | No | Sí | Sí |
Nota: antes de Internet Explorer 7, no existía el límite de un selector de dos clases por elemento.
CSS 3:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| ns|E { sRules } | Con espacio de nombres | No | No | No | No | No |
Selectores de atributo
CSS 2.1:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| [att=val] { sRules } | Selector de igualdad [=] | No | No | No | Sí | Sí |
| [att] { sRules } | Selector de existencia [] | No | No | No | Sí | Sí |
| [att|=val] { sRules } | Selector de guión [|=] | No | No | No | Sí | Sí |
| [att~=val] { sRules } | Selector de espacio en blanco [~=] | No | No | No | Sí | Sí |
CSS 3:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| [ns|attr] { sRules } | Con espacio de nombres | No | No | No | Sí | Sí |
| [att^=val] { sRules } | Selector de prefijo [^=] | No | No | No | Sí | Sí |
| [att*=val] { sRules } | Selector de subcadena [*=] | No | No | No | Sí | Sí |
| [att$=val] { sRules } | Selector de sufijo [$=] | No | No | No | Sí | Sí |
Elementos de combinación
CSS 2.1:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| E+F { sRules } | Selector de elemento relacionado adyacente (+) | No | No | No | Sí | Sí |
| E>F { sRules } | Selector de elemento secundario (>) | No | No | No | Sí | Sí |
| EF { sRules } | Selector de descendiente | Sí | Sí | Sí | Sí | Sí |
CSS 3:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| E~F { sRules } | Selector de elemento relacionado general (~) | No | No | No | Sí | Sí |
Pseudoclases
CSS 2.1:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| :active { sRules } | :active | No | No | No | Parcial | Sí |
| :first-child { sRules } | :first-child | No | No | No | Sí | Sí |
| :focus { sRules } | :focus | No | No | No | No | Sí |
| :hover { sRules } | :hover | Parcial | Parcial | Parcial | Sí | Sí |
| :lang(C) { sRules } | :lang() | No | No | No | No | Sí |
| :link { sRules } | :link | Sí | Sí | Sí | Sí | Sí |
| :visited { sRules } | :visited | Sí | Sí | Sí | Sí | Sí |
| @page :first { sRules } | @page :first | No | No | No | No | Sí |
| @page :left { sRules } | @page :left | No | No | No | No | Sí |
| @page :right { sRules } | @page :right | No | No | No | No | Sí |
CSS 3:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| :root { sRules } | :root | No | No | No | No | No |
| :nth-child() { sRules } | :nth-child() | No | No | No | No | No |
| :nth-last-child() { sRules } | :nth-last-child() | No | No | No | No | No |
| :nth-of-type() { sRules } | :nth-of-type() | No | No | No | No | No |
| :nth-last-of-type() { sRules } | :nth-last-of-type() | No | No | No | No | No |
| :last-child { sRules } | :last-child | No | No | No | No | No |
| :first-of-type { sRules } | :first-of-type | No | No | No | No | No |
| :last-of-type { sRules } | :last-of-type | No | No | No | No | No |
| :only-child { sRules } | :only-child | No | No | No | No | No |
| :only-of-type { sRules } | :only-of-type | No | No | No | No | No |
| :empty { sRules } | :empty | No | No | No | No | No |
| :target { sRules } | :target | No | No | No | No | No |
| :not(X) { sRules } | :not() | No | No | No | No | No |
| :enabled { sRules } | :enabled | No | No | No | No | No |
| :disabled { sRules } | :disabled | No | No | No | No | No |
| :checked { sRules } | :checked | No | No | No | No | No |
| :indeterminate { sRules } | :indeterminate | No | No | No | No | No |
| :default { sRules } | :default | No | No | No | No | No |
| :valid { sRules } | :valid | No | No | No | No | No |
| :invalid { sRules } | :invalid | No | No | No | No | No |
| :in-range { sRules } | :in-range | No | No | No | No | No |
| :out-of-range { sRules } | :out-of-range | No | No | No | No | No |
| :required { sRules } | :required | No | No | No | No | No |
| :optional { sRules } | :optional | No | No | No | No | No |
| :read-only { sRules } | :read-only | No | No | No | No | No |
| :read-write { sRules } | :read-write | No | No | No | No | No |
Pseudoelementos
CSS 2.1:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| :after { sRules } | :after | No | No | No | No | Sí |
| :before { sRules } | :before | No | No | No | No | Sí |
| :first-letter { sRules } | :first-letter | No | Sí | Sí | Sí | Sí |
| :first-line { sRules } | :first-line | No | Sí | Sí | Sí | Sí |
CSS 3:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| ::before { sRules } | ::before | No | No | No | No | No |
| ::after { sRules } | ::after | No | No | No | No | No |
| ::first-letter { sRules } | ::first-letter | No | No | No | No | No |
| ::first-line { sRules } | ::first-line | No | No | No | No | No |
| ::selection { sRules } | ::selection | No | No | No | No | No |
| ::value { sRules } | ::value | No | No | No | No | No |
| ::choices { sRules } | ::choices | No | No | No | No | No |
| ::repeat-item { sRules } | ::repeat-item | No | No | No | No | No |
| ::repeat-index { sRules } | ::repeat-index | No | No | No | No | No |
Atributos
CSS 2.1:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| { sRule!important } | Declaración !important | Parcial | Parcial | Parcial | Sí | Sí |
Listas
CSS 2.1:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| { list-style : sStyle } | list-style | Sí | Sí | Sí | Sí | Sí |
| { list-style-image : sStyle } | list-style-image | Sí | Sí | Sí | Sí | Sí |
| { list-style-position : sStyle } | list-style-position | Sí | Sí | Sí | Sí | Sí |
| { list-style-type : sStyle } | list-style-type | No | No | No | Parcial | Sí |
Color y fondo
CSS 2.1:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| { color : sColor } | color | Sí | Sí | Sí | Sí | Sí |
| { background : sBackground } | background | Sí | Sí | Sí | Sí | Sí |
| { background-attachment : sAttachment } | background-attachment | Parcial | Parcial | Parcial | Sí | Sí |
| { background-color : sColor } | background-color | Sí | Sí | Sí | Sí | Sí |
| { background-image : sLocation } | background-image | Sí | Sí | Sí | Sí | Sí |
| { background-position : sPosition } | background-position | Parcial | Parcial | Parcial | Parcial | Sí |
| { background-repeat : sRepeat } | background-repeat | Sí | Sí | Sí | Sí | Sí |
CSS 3:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| { color-profile : sProfile } | color-profile | No | No | No | No | No |
| { rendering-intent : sIntent } | rendering-intent | No | No | No | No | No |
| { background : sBackground1, sBackground2, etc. } |
background (multiple) | No | No | No | No | No |
| { background-clip : sClip } | background-clip | No | No | No | No | No |
| { background-origin : sOrigin } | background-origin | No | No | No | No | No |
| { background-break : sBreak } | background-break | No | No | No | No | No |
| { background-size : sSize } | background-size | No | No | No | No | No |
Fuente y texto
CSS 2.1:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| { direction : sDirection } | direction | Sí | Sí | Sí | Sí | Sí |
| { font : sFont } | font | Sí | Sí | Sí | Sí | Sí |
| { font-family : sFamily } | font-family | Sí | Sí | Sí | Sí | Sí |
| { font-size : sSize } | font-size | Sí | Sí | Sí | Sí | Sí |
| { font-style : sStyle } | font-style | Sí | Sí | Sí | Sí | Sí |
| { font-variant : sVariant } | font-variant | Sí | Sí | Sí | Sí | Sí |
| { font-weight : sWeight } | font-weight | Parcial | Parcial | Parcial | Parcial | Sí |
| { letter-spacing : sSpacing } | letter-spacing | Sí | Sí | Sí | Sí | Sí |
| { line-height : sHeight } | line-height | Sí | Sí | Sí | Sí | Sí |
| { text-align : sAlign } | text-align | Sí | Sí | Sí | Sí | Sí |
| { text-decoration : sDecoration } | text-decoration | Sí | Sí | Sí | Sí | Sí |
| { text-indent : sIndent } | text-indent | Sí | Sí | Sí | Sí | Sí |
| { text-transform : sTransform } | text-transform | Sí | Sí | Sí | Sí | Sí |
| { unicode-bidi : sAlign } | unicode-bidi | Sí | Sí | Sí | Sí | Sí |
| { vertical-align : sAlign } | vertical-align | Sí | Sí | Sí | Sí | Sí |
| { white-space : sWrap } | white-space | Parcial | Parcial | Parcial | Parcial | Sí |
| { word-spacing : sSpacing } | word-spacing | Parcial | Parcial | Parcial | Parcial | Sí |
CSS 3:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| { font-effect : sEffect } | font-effect | No | No | No | No | No |
| { font-emphasize : sEmphasize } | font-emphasize | No | No | No | No | No |
| { font-size-adjust : sSizeAdjust } | font-size-adjust | No | No | No | No | No |
| { font-smooth : sSmooth } | font-smooth | No | No | No | No | No |
| { font-stretch : sStretch } | font-stretch | No | No | No | No | No |
| { hanging-punctuation : sHangingPunctuation } | hanging-punctuation | No | No | No | No | No |
| { punctuation-trim : sTrim } | punctuation-trim | No | No | No | No | No |
| { ruby-align : sRubyAlign } | ruby-align | Sí | Sí | Sí | Sí | Sí |
| { ruby-overhang : sRubyOverhang } | ruby-overhang | Sí | Sí | Sí | Sí | Sí |
| { ruby-position : sRubyPlacement } | ruby-position | Sí | Sí | Sí | Sí | Sí |
| { ruby-span : sRubySpan } | ruby-span | No | No | No | No | No |
| { text-align-last : sAlignLast } | text-align-last | Parcial | Parcial | Parcial | Parcial | Parcial |
| { text-emphasis : sEmphasis } | text-emphasis | No | No | No | No | No |
| { text-justify : sJustify } | text-justify | No | Sí | Sí | Sí | Sí |
| { text-outline : sOutline } | text-outline | No | No | No | No | No |
| { text-overflow : sOverflow} | text-overflow | No | Parcial | Parcial | Parcial | Parcial |
| { text-shadow : sShadow } | text-shadow | No | No | No | No | No |
| { text-wrap : sWrap } | text-wrap | No | No | No | No | No |
| { word-break : sBreak } | word-break | Parcial | Parcial | Parcial | Parcial | Parcial |
| { word-wrap : sWrap } | word-wrap | Sí | Sí | Sí | Sí | Sí |
| { writing-mode : sFlow } | writing-mode | Sí | Sí | Sí | Sí | Sí |
Contenido generado
CSS 2.1:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| { content : sContent } | content | No | No | No | No | Sí |
| { counter-increment : sCounter } | counter-increment | No | No | No | No | Sí |
| { counter-reset : sCounter } | counter-reset | No | No | No | No | Sí |
| { quotes : sQuotes } | quotes | No | No | No | No | Sí |
Borde y distribución
CSS 2.1:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| { border : sBorder } | border | Sí | Sí | Sí | Sí | Sí |
| { border-bottom : sBottom } | border-bottom | No | Sí | Sí | Sí | Sí |
| { border-bottom-color : sColor } | border-bottom-color | Sí | Sí | Sí | Sí | Sí |
| { border-bottom-style : sStyle } | border-bottom-style | No | Sí | Sí | Sí | Sí |
| { border-bottom-width : sWidth } | border-bottom-width | No | Sí | Sí | Sí | Sí |
| { border-collapse : sCollapse } | border-collapse | Parcial | Parcial | Parcial | Parcial | Sí |
| { border-color : sColor } | border-color | Sí | Sí | Sí | Sí | Sí |
| { border-left : sLeft } | border-left | No | Sí | Sí | Sí | Sí |
| { border-left-color : sColor } | border-left-color | Sí | Sí | Sí | Sí | Sí |
| { border-left-style : sStyle } | border-left-style | No | Sí | Sí | Sí | Sí |
| { border-left-width : sWidth } | border-left-width | No | Sí | Sí | Sí | Sí |
| { border-right : sRight} | border-right | No | Sí | Sí | Sí | Sí |
| { border-right-color : sColor } | border-right-color | Sí | Sí | Sí | Sí | Sí |
| { border-right-style : sStyle } | border-right-style | No | Sí | Sí | Sí | Sí |
| { border-right-width : sWidth } | border-right-width | No | Sí | Sí | Sí | Sí |
| { border-spacing : sSpacing } | border-spacing | No | No | No | No | Sí |
| { border-style : sStyle } | border-style | No | Parcial | Parcial | Parcial | Sí |
| { border-top : sTop } | border-top | No | Sí | Sí | Sí | Sí |
| { border-top-color : sColor } | border-top-color | Sí | Sí | Sí | Sí | Sí |
| { border-top-style : sStyle } | border-top-style | No | Sí | Sí | Sí | Sí |
| { border-top-width : sWidth } | border-top-width | No | Sí | Sí | Sí | Sí |
| { border-width : sWidth } | border-width | Sí | Sí | Sí | Sí | Sí |
| { caption-side : sLocation } | caption-side | No | No | No | No | Sí |
| { clear : sClear } | clear | Sí | Sí | Sí | Sí | Sí |
| { empty-cells : sEmptyCells } | empty-cells | No | No | No | Parcial | Sí |
| { float : sFloat } | float | Sí | Sí | Sí | Sí | Sí |
| { margin : sMargin } | margin | Sí | Sí | Sí | Sí | Sí |
| { margin-bottom : sHeight } | margin-bottom | Sí | Sí | Sí | Sí | Sí |
| { margin-left : sWidth } | margin-left | Sí | Sí | Sí | Sí | Sí |
| { margin-right : sWidth } | margin-right | Sí | Sí | Sí | Sí | Sí |
| { margin-top : sHeight } | margin-top | Sí | Sí | Sí | Sí | Sí |
| { padding : sPadding } | padding | Sí | Sí | Sí | Sí | Sí |
| { padding-bottom : sPadding } | padding-bottom | Sí | Sí | Sí | Sí | Sí |
| { padding-left : sPadding } | padding-left | Sí | Sí | Sí | Sí | Sí |
| { padding-right : sPadding } | padding-right | Sí | Sí | Sí | Sí | Sí |
| { padding-top : sPadding } | padding-top | Sí | Sí | Sí | Sí | Sí |
| { table-layout : sLayout } | table-layout | Sí | Sí | Sí | Sí | Sí |
CSS 3:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| { border-break : sBreak } | border-break | No | No | No | No | No |
| { border-image : sImage } | border-image | No | No | No | No | No |
| { border-radius : sRadius } | border-radius | No | No | No | No | No |
| { box-shadow : sShadow } | box-shadow | No | No | No | No | No |
Posición
CSS 2.1:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| { bottom : sBottom } | bottom | No | Parcial | Parcial | Parcial | Sí |
| { clip : sClip } | clip | No | Sí | Sí | Sí | Sí |
| { display : sDisplay } | display | Parcial | Parcial | Parcial | Parcial | Sí |
| { height : sHeight } | height | Sí | Sí | Sí | Sí | Sí |
| { left : sPosition } | left | No | Parcial | Parcial | Parcial | Sí |
| { max-height : sMaxHeight } | max-height | No | No | No | Sí | Sí |
| { max-width : sWidth } | max-width | No | No | No | Sí | Sí |
| { min-height : sMinHeight } | min-height | No | No | No | Sí | Sí |
| { min-width : sMinWidth } | min-width | No | No | No | Sí | Sí |
| { overflow : sOverflow } | overflow | Parcial | Parcial | Parcial | Sí | Sí |
| { position : sPosition } | position | Parcial | Parcial | Parcial | Sí | Sí |
| { right : sPosition } | right | No | Parcial | Parcial | Parcial | Sí |
| { top : sTop } | top | No | Parcial | Parcial | Parcial | Sí |
| { visibility : sVisibility } | visibility | Sí | Sí | Sí | Sí | Sí |
| { width : sWidth } | width | Sí | Sí | Sí | Sí | Sí |
| { z-index : vOrder } | z-index | Parcial | Parcial | Parcial | Parcial | Sí |
CSS 3:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| { overflow-x : sOverflow } | overflow-x | Parcial | Parcial | Parcial | Sí | Sí |
| { overflow-y : sOverflow } | overflow-y | Parcial | Parcial | Parcial | Sí | Sí |
Imprimir
CSS 2.1:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| { orphans : nLines } | orphans | No | No | No | No | Sí |
| { page-break-after : sBreak } | page-break-after | Sí | Sí | Sí | Sí | Sí |
| { page-break-before : sBreak } | page-break-before | Sí | Sí | Sí | Sí | Sí |
| { page-break-inside : sBreak } | page-break-inside | No | No | No | No | Sí |
| { widows : nLines } | widows | No | No | No | No | Sí |
CSS 3:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| { fit : sFit } | fit | No | No | No | No | No |
| { fit-position : sPosition } | fit-position | No | No | No | No | No |
| { image-orientation : sOrientation } | image-orientation | No | No | No | No | No |
| { page : sPage } | page | No | No | No | No | No |
| { size : sSize } | size | No | No | No | No | No |
Interfaz de usuario
CSS 2.1:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| { cursor : sCursor } | cursor | No | Sí | Sí | Sí | Sí |
| { outline : sOutline } | outline | No | No | No | No | Sí |
| { outline-color : sColor } | outline-color | No | No | No | No | Sí |
| { outline-style : sStyle } | outline-style | No | No | No | No | Sí |
| { outline-width : sWidth } | outline-width | No | No | No | No | Sí |
CSS 3:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| { appearance : sAppearance } | appearance | No | No | No | No | No |
| { box-sizing : sSizing } | box-sizing | No | No | No | No | Sí |
| { icon : sIcon } | icon | No | No | No | No | No |
| { nav-down : sNavDown } | nav-down | No | No | No | No | No |
| { nav-index : sIndex } | nav-index | No | No | No | No | No |
| { nav-left : sNavLeft } | nav-left | No | No | No | No | No |
| { nav-right : sNavRight } | nav-right | No | No | No | No | No |
| { nav-up : sNavUp } | nav-up | No | No | No | No | No |
| { outline-offset : sOffset } | outline-offset | No | No | No | No | No |
| { outline-radius : sRadius } | outline-radius | No | No | No | No | No |
| { resize : sResize } | resize | No | No | No | No | No |
Distribución de varias columnas
CSS 3:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| { column-break-after : sSize } | column-break-after | No | No | No | No | No |
| { column-break-before : sSize } | column-break-before | No | No | No | No | No |
| { column-break-inside : sSize } | column-break-inside | No | No | No | No | No |
| { column-count : sCount } | column-count | No | No | No | No | No |
| { column-gap : sSize } | column-gap | No | No | No | No | No |
| { column-rule : sRule } | column-rule | No | No | No | No | No |
| { columns : sColumns } | columns | No | No | No | No | No |
Voz
Internet Explorer no admite ninguno de los siguientes atributos de voz de CSS 3:
- voice-volume
- voice-balance
- speak
- pause
- pause-after
- pause-before
- rest
- rest-before
- rest-after
- cue
- cue-after
- cue-before
- mark
- mark-before
- mark-after
- voice-family
- voice-rate
- voice-pitch
- voice-pitch-range
- voice-stress
- voice-duration
- phonemes
Consultas de soportes físicos
Internet Explorer no admite ninguno de los siguientes atributos de consulta de soportes físicos de CSS 3:
- width
- height
- device-width
- device-height
- device-aspect-ratio
- color
- color-index
- monochrome
- resolution
- scan
- grid
Valores
Números
CSS 2.1:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | |
|---|---|---|---|---|---|
| <number> | Sí | Sí | Sí | Sí | Sí |
| <length> | Sí | Sí | Sí | Sí | Sí |
| <percentage> | Sí | Sí | Sí | Sí | Sí |
| <integer> | Sí | Sí | Sí | Sí | Sí |
CSS 3:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | |
|---|---|---|---|---|---|
| <angle> | No | No | No | No | No |
| <time> | No | No | No | No | No |
| <frequency> | No | No | No | No | No |
Cadenas
CSS 2.1:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | |
|---|---|---|---|---|---|
| <string> | Sí | Sí | Sí | Sí | Sí |
| \code | No | No | Sí | Sí | Sí |
Formas
CSS 2.1:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | |
|---|---|---|---|---|---|
| rect() | No | Sí | Sí | Sí | Sí |
Funciones
CSS 2.1:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | |
|---|---|---|---|---|---|
| url() | Sí | Sí | Sí | Sí | Sí |
| counter() | No | No | No | No | Sí |
| attr() | No | No | No | No | Sí |
CSS 3:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | |
|---|---|---|---|---|---|
| calc() | No | No | No | No | No |
Colores
CSS 2.1:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | |
|---|---|---|---|---|---|
| <color> (nombres) | Sí | Sí | Sí | Sí | Sí |
| <color> (notación #rrggbbor#rgb) | Sí | Sí | Sí | Sí | Sí |
| <color> (notación rgb(r,g,b)) | Sí | Sí | Sí | Sí | Sí |
| <color> (colores del sistema) | Sí | Sí | Sí | Sí | Sí |
| transparent | No | No | Parcial | Sí | Sí |
CSS 3:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | |
|---|---|---|---|---|---|
| <color> (notación rgba(r,g,b,a)) | No | No | No | No | No |
| <color> (notación hsl(h,s,l)) | No | No | No | No | No |
| <color> (notación hsla(h,s,l,a)) | No | No | No | No | No |
Palabras clave
CSS 2.1:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | |
|---|---|---|---|---|---|
| auto | No | No | Parcial | Sí | Sí |
| inherit | No | No | No | No | Sí |
CSS 3:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | |
|---|---|---|---|---|---|
| initial | No | No | No | No | No |
Unidades
Todas las unidades siguientes se admiten en Internet Explorer 3.0 y versiones posteriores:
- px
- pt
- pc
- cm
- mm
- in
- em
- ex
- %
Internet Explorer no admite ninguna de las unidades de CSS 3 siguientes:
- deg
- grad
- rad
- ms
- s
- Hz
- kHz
- turn
- gd
- rem
- vw
- vh
- vm
- ch
Vea también
- Hojas de estilos en cascada (referencia de MSDN) (puede estar en inglés)
- Hojas de estilos en cascada (W3C) (puede estar en inglés)