|
Ter
18
Abr
2006
18:56
|
|
Pequeno laboratório de CSS III |
|
|
|
|
452
(7 votos, média 4.1 de 5)
|
|
Página 1 de 6 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. |
| 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 |
|
|
Última atualização ( Dom, 12.04.2009 11:03 )
|