Referenciamento gratuito de sites Lusofonos e-mail Regista-se como membro
Forum

Enxertos

Sintaxe CSSpadding-top, padding-bottom, padding-right, padding-left, paddings
Valores possíveislargura, porcentagem
Valor inicial0 (não aceita números negativos)
Aplicado paratodos os elementos

A propriedade " padding " descreve o espaço inserido entre as bordas de um elemento e o conteúdo (texto ou imagem)

INSTRUÇÕES DE ESTILO

P {
padding: 5% 5% 5% 5%;
border-style:solid;
border-width:1px; }
P.normal {
padding: 0;
border-style:solid;
border-width:1px; }
DOCUMENTO HTML

<P>Para este parágrafo está definido que o espaço entre as bordas e o contéudo do texto será de 5% para a esquerda, direita, e na parte superior e inferior do documento</P>
<P CLASS= "normal ">Para este parágrafo está definido que o espaço entre as bordas e o contéudo do texto será mínimo para a esquerda, direita, e na parte superior e inferior do documento</P>
EXIBIÇÃO NO NAVEGADOR

Para este parágrafo está definido que o espaço entre as bordas e o contéudo do texto será de 5% para a esquerda, direita, e na parte superior e inferior do documento

Para este parágrafo está definido que o espaço entre as bordas e o contéudo do texto será mínimo para a esquerda, direita, e na parte superior e inferior do documento

Bordas


Sintaxe CSSborder-top-widht,border-bottom-widht,border-left-widht, border-right-widht, border-widht, border-style, border-color
Valores possíveislargura,none,solid,double,inset,outset,groove,ridge
Valor inicial0
Aplicado paratodos os elementos

As bordas de um bloco podem ser especificadas pela largura, estilo e cores

INSTRUÇÕES DE ESTILO

P.a { border-style: groove; border-color:red; border-width: 10px; }
P.b { border-style: double; border-color: green; border-width: 5px; }
P.c { border-style: outset; border-color: blue; border-width: 15px; }

DOCUMENTO HTML

<P CLASS= "a ">Especificação do estilo, cor e tamanho da borda de um elemento</P>
<P CLASS= "b ">Especificação do estilo, cor e tamanho da borda de um elemento</P>
<P CLASS= "c ">Especificação do estilo, cor e tamanho da borda de um elemento</P>

EXIBIÇÃO NO NAVEGADOR

Especificação do estilo, cor e tamanho da borda de um elemento

Especificação do estilo, cor e tamanho da borda de um elemento

Especificação do estilo, cor e tamanho da borda de um elemento

Propriedades dos Fundos

O fundo de um documento pode ser especificado por uma uma cor ou imagem em CSS, definidos pela sintaxe background-color e background-image:url (../back.gif)

INSTRUÇÕES DE ESTILO

Cor de Fundo
BODY { background: yellow; }
Imagem de Fundo
BODY { background-image:url(../imagens/back.gif); }


DOCUMENTO HTML

Cor de Fundo
<BODY>
<P>Este documento tem o fundo amarelo
<P>Este documento tem o fundo amarelo
<P>Este documento tem o fundo amarelo
</BODY>
Imagem de Fundo
<BODY>
<P>Este documento tem uma imagem de fundo
<P>Este documento tem uma imagem de fundo
<P>Este documento tem uma imagem de fundo
</BODY>
EXIBIÇÃO NO NAVEGADOR

Este documento tem o fundo amarelo