Black November

ATÉ 50% OFF

TÁ ACABANDO!

0 dias

0 horas

0 min

0 seg

Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Duvida sobre margin

No exercício "Adicione um espaço ao redor das recomendações ao João da Silva: 20 pixels acima e abaixo e 40 pixels à esquerda e à direita." O autor deu o exemplo abaixo, mas como essa sequencia "margin: 20px 40px;", representa todas as direções?

Autor blockquote { margin: 20px 40px; }

eu fiz assim:

blockquote { margin-top: 20px; margin-bottom: 20px; margin-right: 40px; margin-left: 40px; }

Matricule-se agora e aproveite até 50% OFF

O maior desconto do ano para você evoluir com a maior escola de tecnologia

QUERO APROVEITAR
2 respostas

Margin é um shorthand ("atalho") para as propriedades de margin-left/right/top/bottom, ou seja, o primeiro valor pega o top e bottom e o segundo o left e o right. Isso:

margin: 20px 40px;

é a mesma coisa que escrever:

margin-top: 20px;
margin-bottom: 20px;
margin-left: 40px;
margin-right: 40px;

enquanto se você escrever:

margin: 10px;

irá aplicar em todas as 4 direções. Espero ter ajudado.

solução!

Ajudou, obrigado.