|
Nas formatações de
e-mails muitas vezes encontraremos a caixa que contém o texto
definida de forma parecida com isso:
.txt
{
BORDER-RIGHT: #585a56 2px inset; PADDING-RIGHT: 10px; BORDER-TOP: #585a56 2px
outset; PADDING-LEFT: 10px;
SCROLLBAR-FACE-COLOR: #959494; FONT-SIZE: 12pt; PADDING-BOTTOM: 10px;
SCROLLBAR-HIGHLIGHT-COLOR: #858484; OVERFLOW: auto; BORDER-LEFT:
#585a56 2px outset; WIDTH: 100%; SCROLLBAR-SHADOW-COLOR: #585a56;
COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #585a56;
SCROLLBAR-ARROW-COLOR: #585a56; PADDING-TOP:
10px; SCROLLBAR-TRACK-COLOR: #858484; BORDER-BOTTOM: #585a56
2px inset; FONT-FAMILY: Verdana; SCROLLBAR-DARKSHADOW-COLOR:
#858484; HEIGHT: 200px; BACKGROUND-COLOR: #acaaa8; TEXT-ALIGN:
center
}
Foi ressaltada em cor
branca a parte que nos interessa comentar: PADDING-RIGHT: 10px ;
PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP:
10px
Daí surge naturalmente a pergunta: O que é Padding?
Acompanhe pela imagem abaixo
Neste retângulo
mais central (conteúdo) é onde digitamos o texto. Podemos inclusive
inserir imagens.
A parte denominada BORDER são as bordas da
moldura que estão em volta da caixa de texto.
Entre a parte
central - que contém o conteúdo - e a moldura (BORDER) há uma área
denominada Padding que é uma espécie de margem interna da caixa de
texto para que esse não fique colado nas extremidades (laterais,
parte superior ou inferior da caixa).
Ficou claro
isso?
Assim, a caixa de texto compõe-se das três partes: o
seu núcleo (onde estará o texto), as margens internas (padding) e a
moldura (border).
Podem ainda ser definidas margens (MARGIN)
externas à caixa.
Essa área definida por PADDING também pode
estar em volta de uma imagem.
Nota. Não cabe entrar em
maiores detalhes, mas não poderíamos deixar de dar uma rápida idéia
acerca dessa margem interna que encontraremos nos códigos de muitas
formatações.
| 