Enxertos| Sintaxe CSS | padding-top, padding-bottom, padding-right, padding-left, paddings | | Valores possíveis | largura, porcentagem | | Valor inicial | 0 (não aceita números negativos) | | Aplicado para | todos 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 CSS | border-top-widht,border-bottom-widht,border-left-widht, border-right-widht, border-widht, border-style, border-color | | Valores possíveis | largura,none,solid,double,inset,outset,groove,ridge | | Valor inicial | 0 | | Aplicado para | todos 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 FundosO 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 |