| HTML Tutorials |
|
|
| XML Tutorials |
|
|
| Browser Scripting |
|
|
| Server Scripting |
|
|
| .NET (dotnet) |
|
|
| Multimedia |
|
|
| Web Building |
|
|
| Java Tutorials |
|
|
| Programming Langauges |
|
|
| Soft Skills |
|
|
| Database Tutorials |
|
|
| Operating System |
|
|
| Software Testing |
|
|
| SAP Module |
|
|
| Networking Programming |
|
|
| Microsoft Office |
|
|
| Accounting |
|
|
|
Propriedades da dimensão do CSS |
|
Para ajustar várias dimensões dos objetos e em torno de elementos do HTML, as propriedades da dimensão do CSS são usadas. Estes podem ser largura, altura e definir o espaço.
As várias propriedades da dimensão são:
1.height, minuto-largura da largura 6 de 2.line-height 3.max-height 4.min-height 5. e 7.max-width.
|
| Altura
|
|
A altura de um elemento especificado pela propriedade da altura.
- Para render imagens, esta propriedade é útil.
- Os valores possíveis são:
automóvel, comprimento e porcentagem. automóvel - a altura é determinada pelo browser. comprimento - isto define a altura no as unidades relativas (em, px) ou as unidades absolutas (cm, milímetro, dentro, pinta).
% - isto define a altura na porcentagem da altura do objeto do pai.
- Pelo defeito, o valor para a altura é auto.
- Os comprimentos negativos não são reservados.
|
|
Código do CSS
|
|
|
| Linha-Altura
|
|
A distância entre duas linhas adjacentes pode ser ajustada usando esta propriedade. As linhas de base das linhas adjacentes estão a uma distância.
- Esta propriedade pode ter os valores: normal, número, comprimento ou %.
normal - isto ajusta a linha altura ao defeito ou ao valor herdado baseado no tamanho de pia batismal do elemento.
número - isto ajusta a linha altura do pia-tamanho atual a ser multiplicado pelo número especificado.
comprimento - isto ajusta uma distância fixa entre as linhas. As unidades usadas são: em, px, cm, pinta.
% - isto ajusta a linha altura em % do tamanho de pia batismal do elemento. |
|
Código do CSS
|
|
p { line-height : 75 px;}
|
|
| Máximo-Altura
|
|
A altura máxima para um elemento pode ser especificada por esta propriedade.
Os valores possíveis para a propriedade da máximo-altura são: nenhuns, comprimento, porcentagem. nenhuns - especifica que não há nenhum limite da altura imposto no elemento. comprimento - especifica a altura máxima para um elemento. % - especifica a altura máxima do elemento como um % da altura do bloco contendo.
|
|
|
| Minuto-Altura
|
|
A altura mínima para um elemento especificado por esta propriedade.
Os valores possíveis para a minuto-altura são: comprimento, porcentagem. comprimento - especifica a altura mínima para um elemento. % - especifica a altura mínima do elemento como um % da altura do bloco contendo.
|
|
|
|
Aumento seguindo do exemplo de TThe o espaço entre linhas
|
| Código do CSS
|
<html>
<head>
<style type="text/css">
p.small {line-height: 0.4cm}
p.big {line-height: 0.9cm}
</style>
</head>
<body>
<p>
This is a paragraph with a standard line-height.
This is a paragraph with a standard line-height.
This is a paragraph with a standard line-height.
This is a paragraph with a standard line-height.
</p>
<p class="small">
This is a paragraph with a smaller line-height.
This is a paragraph with a smaller line-height.
This is a paragraph with a smaller line-height.
This is a paragraph with a smaller line-height.
</p>
<p class="big">
This is a paragraph with a bigger line-height.
This is a paragraph with a bigger line-height.
This is a paragraph with a bigger line-height.
This is a paragraph with a bigger line-height.
</p>
</body>
</html>
|
|
A tabela follwing descreve as propriedades da lista:
|
| Property |
Description |
values |
| height |
Sets the height of an element |
auto length % |
| line-height |
Sets the distance between lines |
auto length % |
| max-height |
Sets the maximum height of an element |
auto length % |
| max-width |
Sets the maximum width of an element |
length % |
| min-height |
Sets the minimum height of an element |
auto length % |
| min-width |
Sets the minimum width of an element |
auto length % |
| width |
Sets the width of an element |
auto length % |
|
|
|
| HTML Quizes |
|
|
| XML Quizes |
|
|
| Browser Scripting Quizes |
|
|
| Server Scripting Quizes |
|
|
| .NET (dotnet) Quizes |
|
|
| Multimedia Quizes |
|
|
| Web Building Quizes |
|
|
| Java Quizes |
|
|
| Programming Langauges Quizes |
|
|
| Soft Skills Quizes |
|
|
| Database Quizes |
|
|
| Operating System Quizes |
|
|
| Software Testing Quizes |
|
|
| SAP Module Quizes |
|
|
| Networking Programming Quizes |
|
|
| Microsoft Office Quizes |
|
|
| Accounting Quizes |
|
|
|