DEV Community

Gustavo Nascimento
Gustavo Nascimento

Posted on • Updated on

Usando padding e margin e aplicando no Css

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;

Top comments (0)