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

padding e margin

Boa noite. Estou com dúvida em relação aos parâmetros passados para o padding e margin. O professor colocou ---> margin: 0 auto e disse que o 0 era para cima e para baixo e que o auto era para esquerda e direita. Da mesma forma, ele colocou ---> padding: 20px 0 e disse que 20 era para cima e para baixo e que 0 era para esquerda e direita.

Minha dúvida é a seguinte: não me lembro do professor ter explicado que precisava de 2 parâmetros somente. Havia entendido que necessitava de 4 parâmetros.... da seguinte forma: margin: a b c d -----> sendo "a" para cima, "b" para a direita, "c" para baixo e "d" para a esquerda.

Alguém, por favor, me explica a forma correta desses parâmetros. Obrigada.

2 respostas
solução!

Bom dia Izabella,

Isso é um shorthand(forma abreviada) de se escrever o código, por exemplo, se você quer aplicar 20px para todos os lados, você escreveria assim:

padding: 20px 20px 20px 20px;

Com o shorhand:

// Apenas uma vez, o valor é aplicado para todos os lados:
padding: 20px;

// Com dois valores, o primeiro é aplicado para cima/baixo, e o outro para as laterais:
padding: 20px 0;

Compreendi. Muito obrigada.