Compatibilidade com CSS e o Internet Explorer
A cada novo lançamento do Windows Internet Explorer, o suporte ao padrão de CSS (Folhas de estilos em cascata) tem melhorado constantemente. O Internet Explorer 6 foi a primeira versão totalmente compatível com CSS, Nível 1, do Internet Explorer. O Windows Internet Explorer 8 é totalmente compatível com a especificação CSS, Nível 2 Revisão 1 (CSS 2.1), e oferece suporte a alguns recursos de CSS Nível 3 (CSS 3).
Se o seu site destina-se a navegadores que incluem versões anteriores do Internet Explorer, você desejará conhecer o nível de conformidade com CSS dessas versões. Este artigo fornece uma visão rápida da compatibilidade com CSS das versões recentes do Internet Explorer, incluindo o suporte no Internet Explorer 8.
Observação Os recursos de CSS que são novidades no Internet Explorer 8 funcionarão apenas quando sua página for renderizada no modo IE8 (ou superior). Você pode garantir que sua página seja exibida no modo IE8 incluindo a seguinte marca META na seção inicial de sua página:
<meta http-equiv="X-UA-Compatible" content="IE=8" />
Para obter mais informações sobre os modos de compatibilidade de documentos, consulte Definindo a compatibilidade de documentos.
A organização deste artigo é levemente baseada na documentação de referência de CSS no MSDN. Este artigo contém as seguintes seções:
- Introdução
- Regras at
- Seletores
- Seletores de elemento
- Seletores de atributo
- Combinadores
- Pseudoclasses
- Pseudoelementos
- Atributos
- Listas
- Cor e plano de fundo
- Fonte e texto
- Conteúdo gerado
- Borda e layout
- Posicionamento
- Impressão
- Interface do usuário
- Layout de várias colunas
- Fala
- Consultas de mídia
- Valores
- Números
- Cadeias de caracteres
- Formas
- Funções
- Cores
- Palavras-chave
- Unidades
Introdução
Cada tabela lista informações de status de suporte de recursos de CSS agrupados em versões recentes do Internet Explorer. Em cada seção, a primeira tabela representa os recursos introduzidos no CSS 2.1 ou anterior e a segunda tabela representa os recursos planejados pelo W3C (World Wide Web Consortium) para o CSS 3.
Um valor "Sim" em uma célula indica que o recurso foi implementado naquela versão do Internet Explorer.
Um valor "Parcial" em uma célula indica que o recurso foi parcialmente implementado naquela versão do Internet Explorer. Para obter mais informações, clique no link para exibir a página de referência daquele recurso no MSDN.
Um valor "Não" em uma célula indica que o recurso não foi implementado naquela versão do Internet Explorer.
Regras at
CSS 2.1:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | |
|---|---|---|---|---|---|
| @charset | Não | Sim | Sim | Sim | Sim |
| @import | Sim | Sim | Sim | Sim | Sim |
| @media | Não | Sim | Sim | Sim | Sim |
| @page | Parcial | Parcial | Parcial | Parcial | Sim |
CSS 3:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | |
|---|---|---|---|---|---|
| @font-face | Não | Sim | Sim | Sim | Sim |
| @namespace | Não | Não | Não | Não | Não |
Seletores
Seletores de elemento
CSS 2.1:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| .value { sRules } | Classe (consulte a Observação) | Parcial | Parcial | Parcial | Sim | Sim |
| #value { sRules } | ID | Sim | Sim | Sim | Sim | Sim |
| E { sRules } | Tipo | Sim | Sim | Sim | Sim | Sim |
| * { sRules } | Universal | Não | Não | Não | Sim | Sim |
Observação Antes do Internet Explorer 7, havia um limite de seletor de duas classes por elemento.
CSS 3:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| ns|E { sRules } | Com namespace | Não | Não | Não | Não | Não |
Seletores de atributo
CSS 2.1:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| [att=val] { sRules } | Igualdade [=] | Não | Não | Não | Sim | Sim |
| [att] { sRules } | Existência [] | Não | Não | Não | Sim | Sim |
| [att|=val] { sRules } | Hífen [|=] | Não | Não | Não | Sim | Sim |
| [att~=val] { sRules } | Espaço em branco [~=] | Não | Não | Não | Sim | Sim |
CSS 3:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| [ns|attr] { sRules } | Com namespace | Não | Não | Não | Sim | Sim |
| [att^=val] { sRules } | Prefixo [^=] | Não | Não | Não | Sim | Sim |
| [att*=val] { sRules } | Subsequencia de caracteres [*=] | Não | Não | Não | Sim | Sim |
| [att$=val] { sRules } | Sufixo [$=] | Não | Não | Não | Sim | Sim |
Combinadores
CSS 2.1:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| E+F { sRules } | Irmão adjacente (+) | Não | Não | Não | Sim | Sim |
| E>F { sRules } | Filho (>) | Não | Não | Não | Sim | Sim |
| EF { sRules } | Descendente | Sim | Sim | Sim | Sim | Sim |
CSS 3:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| E~F { sRules } | Irmão geral (~) | Não | Não | Não | Sim | Sim |
Pseudoclasses
CSS 2.1:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| :active { sRules } | :active | Não | Não | Não | Parcial | Sim |
| :first-child { sRules } | :first-child | Não | Não | Não | Sim | Sim |
| :focus { sRules } | :focus | Não | Não | Não | Não | Sim |
| :hover { sRules } | :hover | Parcial | Parcial | Parcial | Sim | Sim |
| :lang(C) { sRules } | :lang() | Não | Não | Não | Não | Sim |
| :link { sRules } | :link | Sim | Sim | Sim | Sim | Sim |
| :visited { sRules } | :visited | Sim | Sim | Sim | Sim | Sim |
| @page :first { sRules } | @page :first | Não | Não | Não | Não | Sim |
| @page :left { sRules } | @page :left | Não | Não | Não | Não | Sim |
| @page :right { sRules } | @page :right | Não | Não | Não | Não | Sim |
CSS 3:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| :root { sRules } | :root | Não | Não | Não | Não | Não |
| :nth-child() { sRules } | :nth-child() | Não | Não | Não | Não | Não |
| :nth-last-child() { sRules } | :nth-last-child() | Não | Não | Não | Não | Não |
| :nth-of-type() { sRules } | :nth-of-type() | Não | Não | Não | Não | Não |
| :nth-last-of-type() { sRules } | :nth-last-of-type() | Não | Não | Não | Não | Não |
| :last-child { sRules } | :last-child | Não | Não | Não | Não | Não |
| :first-of-type { sRules } | :first-of-type | Não | Não | Não | Não | Não |
| :last-of-type { sRules } | :last-of-type | Não | Não | Não | Não | Não |
| :only-child { sRules } | :only-child | Não | Não | Não | Não | Não |
| :only-of-type { sRules } | :only-of-type | Não | Não | Não | Não | Não |
| :empty { sRules } | :empty | Não | Não | Não | Não | Não |
| :target { sRules } | :target | Não | Não | Não | Não | Não |
| :not(X) { sRules } | :not() | Não | Não | Não | Não | Não |
| :enabled { sRules } | :enabled | Não | Não | Não | Não | Não |
| :disabled { sRules } | :disabled | Não | Não | Não | Não | Não |
| :checked { sRules } | :checked | Não | Não | Não | Não | Não |
| :indeterminate { sRules } | :indeterminate | Não | Não | Não | Não | Não |
| :default { sRules } | :default | Não | Não | Não | Não | Não |
| :valid { sRules } | :valid | Não | Não | Não | Não | Não |
| :invalid { sRules } | :invalid | Não | Não | Não | Não | Não |
| :in-range { sRules } | :in-range | Não | Não | Não | Não | Não |
| :out-of-range { sRules } | :out-of-range | Não | Não | Não | Não | Não |
| :required { sRules } | :required | Não | Não | Não | Não | Não |
| :optional { sRules } | :optional | Não | Não | Não | Não | Não |
| :read-only { sRules } | :read-only | Não | Não | Não | Não | Não |
| :read-write { sRules } | :read-write | Não | Não | Não | Não | Não |
Pseudoelementos
CSS 2.1:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| :after { sRules } | :after | Não | Não | Não | Não | Sim |
| :before { sRules } | :before | Não | Não | Não | Não | Sim |
| :first-letter { sRules } | :first-letter | Não | Sim | Sim | Sim | Sim |
| :first-line { sRules } | :first-line | Não | Sim | Sim | Sim | Sim |
CSS 3:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| ::before { sRules } | ::before | Não | Não | Não | Não | Não |
| ::after { sRules } | ::after | Não | Não | Não | Não | Não |
| ::first-letter { sRules } | ::first-letter | Não | Não | Não | Não | Não |
| ::first-line { sRules } | ::first-line | Não | Não | Não | Não | Não |
| ::selection { sRules } | ::selection | Não | Não | Não | Não | Não |
| ::value { sRules } | ::value | Não | Não | Não | Não | Não |
| ::choices { sRules } | ::choices | Não | Não | Não | Não | Não |
| ::repeat-item { sRules } | ::repeat-item | Não | Não | Não | Não | Não |
| ::repeat-index { sRules } | ::repeat-index | Não | Não | Não | Não | Não |
Atributos
CSS 2.1:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| { sRule!important } | Declaração !important | Parcial | Parcial | Parcial | Sim | Sim |
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 | Sim | Sim | Sim | Sim | Sim |
| { list-style-image : sStyle } | list-style-image | Sim | Sim | Sim | Sim | Sim |
| { list-style-position : sStyle } | list-style-position | Sim | Sim | Sim | Sim | Sim |
| { list-style-type : sStyle } | list-style-type | Não | Não | Não | Parcial | Sim |
Cor e plano de fundo
CSS 2.1:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| { color : sColor } | color | Sim | Sim | Sim | Sim | Sim |
| { background : sBackground } | background | Sim | Sim | Sim | Sim | Sim |
| { background-attachment : sAttachment } | background-attachment | Parcial | Parcial | Parcial | Sim | Sim |
| { background-color : sColor } | background-color | Sim | Sim | Sim | Sim | Sim |
| { background-image : sLocation } | background-image | Sim | Sim | Sim | Sim | Sim |
| { background-position : sPosition } | background-position | Parcial | Parcial | Parcial | Parcial | Sim |
| { background-repeat : sRepeat } | background-repeat | Sim | Sim | Sim | Sim | Sim |
CSS 3:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| { color-profile : sProfile } | color-profile | Não | Não | Não | Não | Não |
| { rendering-intent : sIntent } | rendering-intent | Não | Não | Não | Não | Não |
| { background : sBackground1, sBackground2, etc. } |
background (vários) | Não | Não | Não | Não | Não |
| { background-clip : sClip } | background-clip | Não | Não | Não | Não | Não |
| { background-origin : sOrigin } | background-origin | Não | Não | Não | Não | Não |
| { background-break : sBreak } | background-break | Não | Não | Não | Não | Não |
| { background-size : sSize } | background-size | Não | Não | Não | Não | Não |
Fonte e texto
CSS 2.1:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| { direction : sDirection } | direction | Sim | Sim | Sim | Sim | Sim |
| { font : sFont } | font | Sim | Sim | Sim | Sim | Sim |
| { font-family : sFamily } | font-family | Sim | Sim | Sim | Sim | Sim |
| { font-size : sSize } | font-size | Sim | Sim | Sim | Sim | Sim |
| { font-style : sStyle } | font-style | Sim | Sim | Sim | Sim | Sim |
| { font-variant : sVariant } | font-variant | Sim | Sim | Sim | Sim | Sim |
| { font-weight : sWeight } | font-weight | Parcial | Parcial | Parcial | Parcial | Sim |
| { letter-spacing : sSpacing } | letter-spacing | Sim | Sim | Sim | Sim | Sim |
| { line-height : sHeight } | line-height | Sim | Sim | Sim | Sim | Sim |
| { text-align : sAlign } | text-align | Sim | Sim | Sim | Sim | Sim |
| { text-decoration : sDecoration } | text-decoration | Sim | Sim | Sim | Sim | Sim |
| { text-indent : sIndent } | text-indent | Sim | Sim | Sim | Sim | Sim |
| { text-transform : sTransform } | text-transform | Sim | Sim | Sim | Sim | Sim |
| { unicode-bidi : sAlign } | unicode-bidi | Sim | Sim | Sim | Sim | Sim |
| { vertical-align : sAlign } | vertical-align | Sim | Sim | Sim | Sim | Sim |
| { white-space : sWrap } | white-space | Parcial | Parcial | Parcial | Parcial | Sim |
| { word-spacing : sSpacing } | word-spacing | Parcial | Parcial | Parcial | Parcial | Sim |
CSS 3:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| { font-effect : sEffect } | font-effect | Não | Não | Não | Não | Não |
| { font-emphasize : sEmphasize } | font-emphasize | Não | Não | Não | Não | Não |
| { font-size-adjust : sSizeAdjust } | font-size-adjust | Não | Não | Não | Não | Não |
| { font-smooth : sSmooth } | font-smooth | Não | Não | Não | Não | Não |
| { font-stretch : sStretch } | font-stretch | Não | Não | Não | Não | Não |
| { hanging-punctuation : sHangingPunctuation } | hanging-punctuation | Não | Não | Não | Não | Não |
| { punctuation-trim : sTrim } | punctuation-trim | Não | Não | Não | Não | Não |
| { ruby-align : sRubyAlign } | ruby-align | Sim | Sim | Sim | Sim | Sim |
| { ruby-overhang : sRubyOverhang } | ruby-overhang | Sim | Sim | Sim | Sim | Sim |
| { ruby-position : sRubyPlacement } | ruby-position | Sim | Sim | Sim | Sim | Sim |
| { ruby-span : sRubySpan } | ruby-span | Não | Não | Não | Não | Não |
| { text-align-last : sAlignLast } | text-align-last | Parcial | Parcial | Parcial | Parcial | Parcial |
| { text-emphasis : sEmphasis } | text-emphasis | Não | Não | Não | Não | Não |
| { text-justify : sJustify } | text-justify | Não | Sim | Sim | Sim | Sim |
| { text-outline : sOutline } | text-outline | Não | Não | Não | Não | Não |
| { text-overflow : sOverflow} | text-overflow | Não | Parcial | Parcial | Parcial | Parcial |
| { text-shadow : sShadow } | text-shadow | Não | Não | Não | Não | Não |
| { text-wrap : sWrap } | text-wrap | Não | Não | Não | Não | Não |
| { word-break : sBreak } | word-break | Parcial | Parcial | Parcial | Parcial | Parcial |
| { word-wrap : sWrap } | word-wrap | Sim | Sim | Sim | Sim | Sim |
| { writing-mode : sFlow } | writing-mode | Sim | Sim | Sim | Sim | Sim |
Conteúdo gerado
CSS 2.1:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| { content : sContent } | content | Não | Não | Não | Não | Sim |
| { counter-increment : sCounter } | counter-increment | Não | Não | Não | Não | Sim |
| { counter-reset : sCounter } | counter-reset | Não | Não | Não | Não | Sim |
| { quotes : sQuotes } | quotes | Não | Não | Não | Não | Sim |
Borda e layout
CSS 2.1:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| { border : sBorder } | border | Sim | Sim | Sim | Sim | Sim |
| { border-bottom : sBottom } | border-bottom | Não | Sim | Sim | Sim | Sim |
| { border-bottom-color : sColor } | border-bottom-color | Sim | Sim | Sim | Sim | Sim |
| { border-bottom-style : sStyle } | border-bottom-style | Não | Sim | Sim | Sim | Sim |
| { border-bottom-width : sWidth } | border-bottom-width | Não | Sim | Sim | Sim | Sim |
| { border-collapse : sCollapse } | border-collapse | Parcial | Parcial | Parcial | Parcial | Sim |
| { border-color : sColor } | border-color | Sim | Sim | Sim | Sim | Sim |
| { border-left : sLeft } | border-left | Não | Sim | Sim | Sim | Sim |
| { border-left-color : sColor } | border-left-color | Sim | Sim | Sim | Sim | Sim |
| { border-left-style : sStyle } | border-left-style | Não | Sim | Sim | Sim | Sim |
| { border-left-width : sWidth } | border-left-width | Não | Sim | Sim | Sim | Sim |
| { border-right : sRight} | border-right | Não | Sim | Sim | Sim | Sim |
| { border-right-color : sColor } | border-right-color | Sim | Sim | Sim | Sim | Sim |
| { border-right-style : sStyle } | border-right-style | Não | Sim | Sim | Sim | Sim |
| { border-right-width : sWidth } | border-right-width | Não | Sim | Sim | Sim | Sim |
| { border-spacing : sSpacing } | border-spacing | Não | Não | Não | Não | Sim |
| { border-style : sStyle } | border-style | Não | Parcial | Parcial | Parcial | Sim |
| { border-top : sTop } | border-top | Não | Sim | Sim | Sim | Sim |
| { border-top-color : sColor } | border-top-color | Sim | Sim | Sim | Sim | Sim |
| { border-top-style : sStyle } | border-top-style | Não | Sim | Sim | Sim | Sim |
| { border-top-width : sWidth } | border-top-width | Não | Sim | Sim | Sim | Sim |
| { border-width : sWidth } | border-width | Sim | Sim | Sim | Sim | Sim |
| { caption-side : sLocation } | caption-side | Não | Não | Não | Não | Sim |
| { clear : sClear } | clear | Sim | Sim | Sim | Sim | Sim |
| { empty-cells : sEmptyCells } | empty-cells | Não | Não | Não | Parcial | Sim |
| { float : sFloat } | float | Sim | Sim | Sim | Sim | Sim |
| { margin : sMargin } | margin | Sim | Sim | Sim | Sim | Sim |
| { margin-bottom : sHeight } | margin-bottom | Sim | Sim | Sim | Sim | Sim |
| { margin-left : sWidth } | margin-left | Sim | Sim | Sim | Sim | Sim |
| { margin-right : sWidth } | margin-right | Sim | Sim | Sim | Sim | Sim |
| { margin-top : sHeight } | margin-top | Sim | Sim | Sim | Sim | Sim |
| { padding : sPadding } | padding | Sim | Sim | Sim | Sim | Sim |
| { padding-bottom : sPadding } | padding-bottom | Sim | Sim | Sim | Sim | Sim |
| { padding-left : sPadding } | padding-left | Sim | Sim | Sim | Sim | Sim |
| { padding-right : sPadding } | padding-right | Sim | Sim | Sim | Sim | Sim |
| { padding-top : sPadding } | padding-top | Sim | Sim | Sim | Sim | Sim |
| { table-layout : sLayout } | table-layout | Sim | Sim | Sim | Sim | Sim |
CSS 3:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| { border-break : sBreak } | border-break | Não | Não | Não | Não | Não |
| { border-image : sImage } | border-image | Não | Não | Não | Não | Não |
| { border-radius : sRadius } | border-radius | Não | Não | Não | Não | Não |
| { box-shadow : sShadow } | box-shadow | Não | Não | Não | Não | Não |
Posicionamento
CSS 2.1:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| { bottom : sBottom } | bottom | Não | Parcial | Parcial | Parcial | Sim |
| { clip : sClip } | clip | Não | Sim | Sim | Sim | Sim |
| { display : sDisplay } | display | Parcial | Parcial | Parcial | Parcial | Sim |
| { height : sHeight } | height | Sim | Sim | Sim | Sim | Sim |
| { left : sPosition } | left | Não | Parcial | Parcial | Parcial | Sim |
| { max-height : sMaxHeight } | max-height | Não | Não | Não | Sim | Sim |
| { max-width : sWidth } | max-width | Não | Não | Não | Sim | Sim |
| { min-height : sMinHeight } | min-height | Não | Não | Não | Sim | Sim |
| { min-width : sMinWidth } | min-width | Não | Não | Não | Sim | Sim |
| { overflow : sOverflow } | overflow | Parcial | Parcial | Parcial | Sim | Sim |
| { position : sPosition } | position | Parcial | Parcial | Parcial | Sim | Sim |
| { right : sPosition } | right | Não | Parcial | Parcial | Parcial | Sim |
| { top : sTop } | top | Não | Parcial | Parcial | Parcial | Sim |
| { visibility : sVisibility } | visibility | Sim | Sim | Sim | Sim | Sim |
| { width : sWidth } | width | Sim | Sim | Sim | Sim | Sim |
| { z-index : vOrder } | z-index | Parcial | Parcial | Parcial | Parcial | Sim |
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 | Sim | Sim |
| { overflow-y : sOverflow } | overflow-y | Parcial | Parcial | Parcial | Sim | Sim |
Impressão
CSS 2.1:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| { orphans : nLines } | orphans | Não | Não | Não | Não | Sim |
| { page-break-after : sBreak } | page-break-after | Sim | Sim | Sim | Sim | Sim |
| { page-break-before : sBreak } | page-break-before | Sim | Sim | Sim | Sim | Sim |
| { page-break-inside : sBreak } | page-break-inside | Não | Não | Não | Não | Sim |
| { widows : nLines } | widows | Não | Não | Não | Não | Sim |
CSS 3:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| { fit : sFit } | fit | Não | Não | Não | Não | Não |
| { fit-position : sPosition } | fit-position | Não | Não | Não | Não | Não |
| { image-orientation : sOrientation } | image-orientation | Não | Não | Não | Não | Não |
| { page : sPage } | page | Não | Não | Não | Não | Não |
| { size : sSize } | size | Não | Não | Não | Não | Não |
Interface do usuário
CSS 2.1:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| { cursor : sCursor } | cursor | Não | Sim | Sim | Sim | Sim |
| { outline : sOutline } | outline | Não | Não | Não | Não | Sim |
| { outline-color : sColor } | outline-color | Não | Não | Não | Não | Sim |
| { outline-style : sStyle } | outline-style | Não | Não | Não | Não | Sim |
| { outline-width : sWidth } | outline-width | Não | Não | Não | Não | Sim |
CSS 3:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
|---|---|---|---|---|---|---|
| { appearance : sAppearance } | appearance | Não | Não | Não | Não | Não |
| { box-sizing : sSizing } | box-sizing | Não | Não | Não | Não | Sim |
| { icon : sIcon } | icon | Não | Não | Não | Não | Não |
| { nav-down : sNavDown } | nav-down | Não | Não | Não | Não | Não |
| { nav-index : sIndex } | nav-index | Não | Não | Não | Não | Não |
| { nav-left : sNavLeft } | nav-left | Não | Não | Não | Não | Não |
| { nav-right : sNavRight } | nav-right | Não | Não | Não | Não | Não |
| { nav-up : sNavUp } | nav-up | Não | Não | Não | Não | Não |
| { outline-offset : sOffset } | outline-offset | Não | Não | Não | Não | Não |
| { outline-radius : sRadius } | outline-radius | Não | Não | Não | Não | Não |
| { resize : sResize } | resize | Não | Não | Não | Não | Não |
Layout de várias colunas
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 | Não | Não | Não | Não | Não |
| { column-break-before : sSize } | column-break-before | Não | Não | Não | Não | Não |
| { column-break-inside : sSize } | column-break-inside | Não | Não | Não | Não | Não |
| { column-count : sCount } | column-count | Não | Não | Não | Não | Não |
| { column-gap : sSize } | column-gap | Não | Não | Não | Não | Não |
| { column-rule : sRule } | column-rule | Não | Não | Não | Não | Não |
| { columns : sColumns } | columns | Não | Não | Não | Não | Não |
Fala
Nenhum dos atributos de fala de CSS 3 a seguir tem suporte no Internet Explorer:
- 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 mídia
Nenhum dos atributos de consulta de mídia de CSS 3 a seguir tem suporte no Internet Explorer:
- 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> | Sim | Sim | Sim | Sim | Sim |
| <length> | Sim | Sim | Sim | Sim | Sim |
| <percentage> | Sim | Sim | Sim | Sim | Sim |
| <integer> | Sim | Sim | Sim | Sim | Sim |
CSS 3:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | |
|---|---|---|---|---|---|
| <angle> | Não | Não | Não | Não | Não |
| <time> | Não | Não | Não | Não | Não |
| <frequency> | Não | Não | Não | Não | Não |
Cadeias de caracteres
CSS 2.1:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | |
|---|---|---|---|---|---|
| <string> | Sim | Sim | Sim | Sim | Sim |
| \code | Não | Não | Sim | Sim | Sim |
Formas
CSS 2.1:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | |
|---|---|---|---|---|---|
| rect() | Não | Sim | Sim | Sim | Sim |
Funções
CSS 2.1:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | |
|---|---|---|---|---|---|
| url() | Sim | Sim | Sim | Sim | Sim |
| counter() | Não | Não | Não | Não | Sim |
| attr() | Não | Não | Não | Não | Sim |
CSS 3:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | |
|---|---|---|---|---|---|
| calc() | Não | Não | Não | Não | Não |
Cores
CSS 2.1:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | |
|---|---|---|---|---|---|
| <color> (nomes) | Sim | Sim | Sim | Sim | Sim |
| <color> (Notação #rrggbbor#rgb) | Sim | Sim | Sim | Sim | Sim |
| <color> (Notação rgb(r,g,b)) | Sim | Sim | Sim | Sim | Sim |
| <color> (cores do sistema) | Sim | Sim | Sim | Sim | Sim |
| transparent | Não | Não | Parcial | Sim | Sim |
CSS 3:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | |
|---|---|---|---|---|---|
| <color> (Notação rgba(r,g,b,a)) | Não | Não | Não | Não | Não |
| <color> (Notação hsl(h,s,l)) | Não | Não | Não | Não | Não |
| <color> (Notação hsla(h,s,l,a)) | Não | Não | Não | Não | Não |
Palavras-chave
CSS 2.1:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | |
|---|---|---|---|---|---|
| auto | Não | Não | Parcial | Sim | Sim |
| inherit | Não | Não | Não | Não | Sim |
CSS 3:
| Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | |
|---|---|---|---|---|---|
| initial | Não | Não | Não | Não | Não |
Unidades
Todas as unidades seguir têm suporte no Internet Explorer 3.0 e posterior:
- px
- pt
- pc
- cm
- mm
- in
- em
- ex
- %
Nenhuma das unidades de CSS 3 a seguir tem suporte no Internet Explorer:
- deg
- grad
- rad
- ms
- s
- Hz
- kHz
- turn
- gd
- rem
- vw
- vh
- vm
- ch
Consulte também
- Folhas de estilos em cascata - referência do MSDN (a página pode estar em inglês)
- Folhas de estilos em cascata - W3C (a página pode estar em inglês)