Distância entre o texto e as bordas.
- O atributo padding controla a distância entre o texto e as bordas ( superior, inferior,
esquerda e direita ) do elemento HTML. Não é a
distância em relação à margem da página, controlado pelo atributo
margin. É em relação
ao elemento HTML que contém o texto.
- A sintaxe é: tag { padding:valor }.
- Observe o título O botão Salvar. Não há espaço entre ele e a borda do parágrafo.
- Agora, eu defini: P { padding:4pt }, ou seja, o texto ficará 4 pontos distante da borda esquerda.
- Neste outro exemplo, eu criei um identificador com o nome de semespaco, com os atributos:
background-color ( cor do fundo ), color ( cor da fonte ),
font-family ( fonte ), font-size ( tamanho da fonte ),
border-style ( estilo da borda ) e margin ( distância do parágrafo em
relação à borda da página ).
- Depois, eu o associei....
- ... ao parágrafo: <p id=semespaco>...
- ... produzindo este resultado.
Dynamic HTML é a combinação do nosso velho e conhecido HTML
com folhas de estilo ( Cascading Style Sheets ou CSS ) e script languages
( JavaScript, VBSscript ).
DHTML ou HTML dinâmico não é uma linguagem mas sim a reunião destes recursos
utilizados na construção de sites.
Com ele, você pode alterar a aparência de uma página, após ela ter sido
carregado no computador do usuário. Textos podem ter o tamanho da fonte, as
cores da fonte e do fundo alterados em resposta a alguma ação do internauta
( OnMouseOver, OnMouseOut, OnClick, etc., etc. ).
- Como não defini o atributo padding, o texto ficou colado nas bordas,
e o layout ficou meio capenga ( nada como ter um vasto vocabulário ! ).
- Em seguida, criei outro ID com o nome de comespaco ( quanta criatividade ! ),
repetindo os atributos do parágrafo anterior, porém, acrescentando o atributo
padding. Defini a distância entre o texto e a borda do parágrafo em 8 pontos.
- Associei o ID ao parágrafo e...
- ...o layout ficou bem mais agradável.
Dynamic HTML é a combinação do nosso velho e conhecido HTML com folhas de
estilo ( Cascading Style Sheets ou CSS ) e script languages ( JavaScript, VBSscript ).
DHTML ou HTML dinâmico não é uma linguagem mas sim a reunião destes recursos
utilizados na construção de sites.
Com ele, você pode alterar a aparência de uma página, após ela ter sido
carregado no computador do usuário. Textos podem ter o tamanho da fonte, as
cores da fonte e do fundo alterados em resposta a alguma ação do internauta
( OnMouseOver, OnMouseOut, OnClick, etc., etc. ).
- Mas, se o que você deseja é controlar a distância do texto em relação à página, aí, o
seu papo, a sua conversa deverá ser com o atributo margin, o nosso próximo assunto.
Parcerias RicardoHorta.Net
RicardoHorta.Net
Parcerias RicardoHorta.Net
www.ricardohorta.net - Direitos adquiridos - Autor: Ricardo Horta do Nascimento - 24/01/2001
