[Css] A Propriedade "margin"

[fsg 230]

Olá pessoal, agora eu irei postar uma série de tutoriais sobre CSS são 7 tutoriais estamos no terceiro, um por dia! Chega de papo e vamos para o assunto...

 

Primeiro Tutorial - A propriedade Font: Clique aqui

Segundo Tutorial - A propriedade Text: Clique Aqui

 

As margens nos elementos HTML

A propriedade para margens, define um valor para espessura das margens dos elementos HTML.

 

As propriedades para margens são as listadas abaixo:

 

• margin-top..........define a margem superior;
  
• margin-right........define a margem direita;
  
• margin-bottom.......define a margem inferior;
  
• margin-left.........define a margem esquerda;
  
• margin..............maneira abreviada para todas as margens
  

 

Valores válidos para a propriedade margin

 

1. auto: valor default da margem
   
2. length: uma medida reconhecida pelas CSS (px, pt, em, cm, ...)
   
3. %: porcentagem da largura do elemento pai
   

 

Vamos a seguir analisar cada uma delas detalhadamente através de exemplos práticos.

 

Como estudar e entender os exemplos

 

Para cada propriedade apresento as regras CSS válidas para um elemento HTML, e, definidas dentro de uma folha de estilos incorporada, bem como um trecho do documento HTML onde se aplicam as regras.

 

A seguir mostro o efeito que a regra produz. Observe a regra e o efeito e para melhor fixar seu aprendizado reproduza o código no seu editor, mude os valores e veja o resultado no browser. Bons estudos! E faça ótimo proveito do tutorial.

 

Nota: Coloquei um fundo cinza mais escuro nos exemplos para facilitar a visualização.

 

Continua no link original...

 

Fonte: Clique aqui

Espero que gostem :smile_positivo:

[Hiagante 2]

Legal, obrigado por pegar na internet e colar aqui no fórum para deleite de usuários leigos em css.