Na aula o professor usa um padding passando dois valores, mas antes ele passava só um; Em uma outra propriedade a margin ele passa quatro valores, mas antes passava um.
Como funciona essa regra de passagem de valores? fiquei um pouco confuso.
Solucionado
Na aula o professor usa um padding passando dois valores, mas antes ele passava só um; Em uma outra propriedade a margin ele passa quatro valores, mas antes passava um.
Como funciona essa regra de passagem de valores? fiquei um pouco confuso.hoje, com a Alura e o Google Gemini
Oi, Henrique, tudo bem?
É que numa mesma propriedade, você pode colocar 4 valores esperados top right bottom left, mas há uma sequência (precisa ser seguida). No margin é assim:
margin: 25px 50px 75px 100px;
- top margin is 25px
- right margin is 50px
- bottom margin is 75px
- left margin is 100pxOu seja, quando você quiser colocar mais de um valor na propriedade margin, você segue a sequência: top right botttom left, assim, evitando isso:
margin-top:25px ;
margin-right: 50px;
margin-bottom: 75px;
margin-left: 100px;E a mesma lógica para o padding:
padding: 25px 50px 75px 100px;
top padding is 25px
right padding is 50px
bottom padding is 75px
left padding is 100pxEspero ter te ajudado!
Ok. Obrigado pela explicação.