41 lines
914 B
Markdown
41 lines
914 B
Markdown
|
---
|
||
|
|
title: Adjust the Margin of an Element
|
||
|
|
localeTitle: Ajustar a margem de um elemento
|
||
|
|
---
|
||
|
|
## Ajustar a margem de um elemento
|
||
|
|
|
||
|
|
Ajustar a `Margin` de um `Element` significa aumentar ou diminuir a quantidade de espaçamento entre as bordas do Elemento e os Elementos adjacentes.
|
||
|
|
|
||
|
|
• As margens são ajustadas com inteiros positivos e negativos por unidades de pixels ( `px` ).
|
||
|
|
|
||
|
|
• As margens podem ser criadas em todas as direções (superior, inferior, esquerda, direita).
|
||
|
|
|
||
|
|
Este é um exemplo de como está escrito:
|
||
|
|
|
||
|
|
```css
|
||
|
|
margin: 20px;
|
||
|
|
```
|
||
|
|
|
||
|
|
Você pode alterar ou ajustar facilmente a `Margin` de um `Element` alterando o valor numérico:
|
||
|
|
|
||
|
|
**Antes** :
|
||
|
|
|
||
|
|
margem: `20` px;
|
||
|
|
|
||
|
|
**Depois** :
|
||
|
|
|
||
|
|
margem: `50` px;
|
||
|
|
|
||
|
|
Você também pode criar uma `class` personalizada com uma `margin` que será usada repetidamente.
|
||
|
|
|
||
|
|
```css
|
||
|
|
.style-margin {
|
||
|
|
margin: 20px;
|
||
|
|
}
|
||
|
|
```
|
||
|
|
|
||
|
|
```html
|
||
|
|
|
||
|
|
<h2 class="style-margin">Example</h2>
|
||
|
|
|
||
|
|
```
|