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: 12091
Tabelas
As tabelas só receberam propriedades próprias depois do CSS 2.0. Apesar disto, muitas propriedades da versão CSS 1.0 podem ser usadas. Os elementos HTML table, tr, colgroup, col, thead, tbody, tfoot, th e td podem ser formatados usando propriedades de texto, fundo, margens, recuo, bordas, etc. Mas a versão 1.0, principalmente no que se refere a bordas de células vizinhas, deixava muito a desejar. Também a largura e a altura de colunas e linhas não tinha muito suporte. Já a versão 2.0 preenche estas lacunas.
Aqui veremos como se comportam as propriedades de tabelas. Clique várias vezes nos links da tabela para ver como as propriedades são entendidas pelo navegador e colocadas na Área de Teste.
Na tabela 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).
| Texto da célula 1 | Texto da célula 2 | Texto da célula 3 |
| Propriedade | Descrição | Valores | IE | F | N | W3C |
| border-collapse | Determina se as bordas devem ou não se sobrepor. | separate collapse |
5 | 1 | - | 2 |
| border-spacing | Determina o espaço entre as bordas. | valor | - | 1 | 6 | 2 |
| caption-side | Determina a posição do elemento caption de uma tabela. | top bottom left right |
- | 1 | 6 | 2 |
| empty-cells | Determina se as bordas de células vazias devem ser mostradas ou não. | show hide |
- | 1 | 6 | 2 |
| table-layout | Determina como as larguras definidas devem ser tratadas. | auto fixed |
5 | 1 | 6 | 2 |