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: 12624
Neste tutorial de nível avançado serão vistas as propriedades de dimensão, de classificação, de posicionamento e das tabelas. Além disso será explicado o que são pseudo-classes. Agora é que vai dar gosto pilotar um CSS
Controlando dimensões com CSS
As propriedades de dimensão permitem controlar a altura e a largura dos elementos. Também permitem aumentar o espaço entre duas linhas de texto.
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 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).
Este elemento contém algumas linhas de texto para que possamos ver o efeito da propriedade line-height. |
Propriedade | Descrição | Valores | IE | F | N | W3C |
height | Altura de um elemento. | auto length % |
4 | 1 | 6 | 1 |
line-height | Distância entre linhas de texto. | normal number length % |
4 | 1 | 4 | 1 |
max-height | Altura máxima de um elemento. | none length % |
- | 1 | 6 | 2 |
max-width | Largura máxima de um elemento. | none length % |
- | 1 | 6 | 2 |
min-height | Altura mínima de um elemento. | length % |
- | 1 | 6 | 2 |
min-width | Largura mínima de um elemento. | length % |
- | 1 | 6 | 2 |
width | Largura de um elemento. | auto length % |
4 | 1 | 4 | 1 |
- Anterior
- Próximo >>