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 |
|
|