Exemplo de
segmentação de página em uma caixa
| #caixa { quebra de página interna: evitar; } |
Descrição
Esta propriedade define se a paginação ocorre dentro de um elemento especificado.
Status de suporte
| IE6 Não IE7Não IE8 Sim |
N.
Exemplo
de propriedade de contorno
| #caixa { contorno: sólido 1px vermelho; } |
O contorno
da descrição
é uma abreviatura de estilo de contorno, largura de contorno e cor de contorno. Este atributo é melhor que o atributo border porque não afeta o fluxo do documento, portanto é mais útil para depurar problemas de layout.
Status de suporte
| IE6 Não IE7Não IE8 Sim |
O.
Exemplos
de valores alternativos para o atributo display
| #caixa { display: bloco embutido; } |
Descrição
O atributo display geralmente é definido como bloqueado, embutido ou nenhum. Os valores alternativos incluem:
| bloco embutido tabela embutida item de lista confronto mesa legenda da tabela célula-tabela coluna da tabela grupo de colunas de tabela grupo de rodapé de tabela grupo de cabeçalho de tabela linha da tabela grupo de linhas de tabela |
Status de suporte
| IE6 Não IE7Não IE8 Sim |
Exemplo de
tratamento de espaço em branco recolhível
| p { espaço em branco: pré-linha; } div { espaço em branco: pré-envoltório; } |
A
configuração do valor de pré-linha do atributo de espaço em branco recolhe vários elementos de espaço em branco em um único espaço em branco, permitindo quebras de linha explícitas. O valor pre-wrap do atributo white-space não recolhe vários espaços em branco em um, mas permite que quebras de linha sejam definidas explicitamente.
Status de suporte
| IE6 Não IE7Não IE8 Sim |
4. Várias outras tecnologias
A.Exemplos
de tipos de mídiade @import
| @import url("styles.css") tela; |
Descrição:
Como no exemplo acima, o tipo de mídia do arquivo de folha de estilo importado é declarado após o endereço do arquivo. Neste exemplo, o tipo de mídia é “tela”.
Status de suporte
| IE6 Não IE7Não IE8 Sim |
BugsEmbora
o IE6 e o IE7 suportem @import, eles não têm efeito quando o tipo de mídia é especificado, até mesmo fazendo com que a regra @import normal seja inválida.
B.
Exemplo
de incremento de contagem
| h2 { contra-incremento: cabeçalhos; } h2:antes { conteúdo: contador(cabeçalhos) ". "; } |
Descrição
Esta técnica CSS permite incrementar automaticamente o número que aparece antes de um elemento especificado, usado em conjunto com o pseudoelemento before.
Status de suporte
| IE6 Não IE7Não IE8 Sim |
C.
Exemplos de
caracteres de referência para conteúdo gerado
| q { citações: "'" "'"; } q:antes { conteúdo: aspas abertas; } q:depois { conteúdo: aspas fechadas; } |
A descrição
especifica o indicativo de citação usado para gerar o conteúdo, para uso com tags q.
Status de suporte
| IE6 Não IE7Não IE8 Sim |
5. Bugs importantes e problemas de incompatibilidade
A seguir estão muitos bugs no IE6 e IE7 que não foram mencionados acima. É claro que esta lista não inclui entradas que não são suportadas nos três navegadores.
Bugs do IE6
A. Não suporta o estilo do elemento
B. Não suporta nomes de classe e ID começando com hífens e sublinhados
C. O elemento
D . Se as pseudoclasses âncora não forem usadas na ordem correta (:link, :visited, :hover), a pseudoclasse :hover não terá efeito
. E. Uma declaração !important de um atributo será substituída por uma. declaração !important não utilizada do mesmo atributo na mesma regra Duas instruções abordadas.
F. A altura se comporta como altura mínima
G. A largura se comporta como largura mínima
H. Margens duplas esquerda e direita
I. Borda pontilhada (pontilhada) se parece com borda pontilhada (tracejada)
J. Valor de linha da decoração de texto O texto parece um pouco mais alto que outros navegadores
. Se a lista ordenada tiver uma estrutura fixa (haslayout for verdadeiro, a altura/largura/zoom de li não pode ser definida para ativar os valores de haslayout), o número de série não aumentará.
L. Os elementos da lista não suportam todos os valores disponíveis do tipo de estilo de lista
M. Se a entrada da lista flutuar, a imagem de estilo de lista especificada não será exibida
N. @font-face não é totalmente suportado
O. Alguns os seletores corresponderão incorretamente aos comentários e às declarações da documentação
. Se um seletor de ID combinado com um seletor de classe não corresponder, o mesmo seletor de ID combinado com um seletor de classe diferente também será tratado como uma incompatibilidade.
Bugs do IE7
A. Se a lista ordenada tiver uma estrutura fixa (haslayout é verdadeiro, a altura/largura/zoom de li não pode ser definida para ativar valores haslayout), o número de série não aumentará, mas permanecerá em 1
B. Os elementos da lista são não suportado Todos os valores disponíveis do tipo de estilo de lista
C. Se o item da lista for flutuante, a imagem de estilo de lista especificada não será exibida
D. @font-face não é totalmente compatível
E. Alguns seletores corresponderão incorretamente comentários e documentos Isenção de responsabilidade
F. Alguns bugs do IE não mencionados aqui ocorrem apenas em ambientes específicos e não são atribuídos a propriedades ou valores CSS específicos.