Informática Numaboa - Tutoriais e Programação
Pequeno laboratório de CSS III
|
Ter 18 Abr 2006 18:56 |
- Detalhes
- Categoria: CSS - Cascanding Style Sheet
- Atualização: Domingo, 12 Abril 2009 11:03
- Autor: vovó Vicki
- Acessos: 12550
As propriedades de classificação permitem controlar a disposição de elementos, determinar onde imagens devem aparecer em outros elementos, posicionar um elemento em relação à sua posição normal, posicionar elementos usando valores absolutos e controlar a visibilidade de elementos.
Se você não sabe o que é CSS ou quais são os fundamentos do CSS, sugiro que leia o Tutorial de CSS e os pequenos tutoriais referentes a cada grupo de propriedades antes de continuar.
Propriedades de classificação
Veja como se comportam as propriedades de classificação clicando várias vezes nos links da tabela para verificar como estas propriedades são entendidas pelo navegador e colocadas na Área de Teste.
Na tabelas abaixo, a coluna IE indica a versão do Internet Explorer, a F do Firefox e a N do Netscape. A coluna W3C indica a versão da recomendação (CSS1 ou CSS2).
| Após clicar em cursor, coloque o cursor do mouse sobre a área de teste. |
| Propriedade | Descrição | Valores | IE | F | N | W3C |
| clear | Os lados de um elemento onde outros elementos flutuantes não são permitidos. | left right both none |
4 | 1 | 4 | 1 |
| cursor | O tipo de cursor que deve ser mostrado. | url auto crosshair default pointer move e-resize ne-resize nw-resize n-resize se-resize sw-resize s-resize w-resize text wait help |
4 | 1 | 6 | 2 |
| display | Determina como e se um elemento deve ser mostrado. | none inline block list-item run-in compact marker table inline-table table-row-group table-header-group table-footer-group table-row table-column-group table-column table-cell table-caption |
4 | 1 | 4 | 1 |
Esta também é uma área que está com as propriedades mudadas para que a primeira letra apareça em tamanho maior e flutuando à esquerda do parágrafo. No início este parágrafo está invisível porque seu estilo foi determinado como hidden. Quando você clica em visibility, o parágrafo some e aparece porque esta propriedade é alterada.
| Propriedade | Descrição | Valores | IE | F | N | W3C |
| float | Determina onde uma imagem ou texto deve aparecer em outro elemento. | left right none |
4 | 1 | 4 | 1 |
| position | Coloca o elemento numa posição estática, absoluta, relativa ou fixa. | static relative absolute fixed |
4 | 1 | 4 | 2 |
| visibility | Determina se um elemento é visível ou não. | visible hidden collapse |
4 | 1 | 6 | 2 |