Gustavo Nascimento
Posted on March 13, 2020
PADDING
É usado na parte de dentro de um elemento. (Parte interna)
Nós usamos na seguinte ordem: top , right, bottom e left.
Exemplos:
Forma resumida quando os 4 lados tem valores diferentes:
padding: 55px 60px 95px 60px;
Forma resumida quando o top/bottom e right/left tem valores diferentes:
padding: 55px 60px;
Forma resumida quando o top tem um valor o right/left tem outro valor diferente e o bottom também tem outro valor diferente:
padding: 55px 60px 95px;
MARGIN
É usado na parte de fora de um elemento. (Parte externa)
Forma resumida quando os 4 lados tem valores diferentes:
margin: 55px 60px 95px 60px;
Forma resumida quando o top/bottom e right/left tem valores diferentes:
margin: 55px 60px;
Forma resumida quando o top tem um valor o right/left tem outro valor diferente e o bottom também tem outro valor diferente:
margin: 55px 60px 95px;
Posted on March 13, 2020
Join Our Newsletter. No Spam, Only the good stuff.
Sign up to receive the latest update from our blog.
Related
November 29, 2024