33 lines
717 B
Markdown
33 lines
717 B
Markdown
|
---
|
||
|
|
title: Add Different Padding to Each Side of an Element
|
||
|
|
localeTitle: Adicionar preenchimento diferente a cada lado de um elemento
|
||
|
|
---
|
||
|
|
## Adicionar preenchimento diferente a cada lado de um elemento
|
||
|
|
|
||
|
|
Para ajustar o preenchimento de um elemento, use:
|
||
|
|
|
||
|
|
```css
|
||
|
|
.example {
|
||
|
|
padding: 10px;
|
||
|
|
}
|
||
|
|
```
|
||
|
|
|
||
|
|
Para especificar tamanhos de preenchimento em um elemento por lados individuais, podemos usar 'padding-top', 'padding-right', 'padding-bottom' e 'padding-left'. Podemos usar qualquer um destes em combinação e em qualquer ordem. Por exemplo:
|
||
|
|
|
||
|
|
```css
|
||
|
|
.example {
|
||
|
|
padding-top: 5px;
|
||
|
|
padding-bottom: 0px;
|
||
|
|
}
|
||
|
|
```
|
||
|
|
|
||
|
|
Ou:
|
||
|
|
|
||
|
|
```css
|
||
|
|
.example {
|
||
|
|
padding-top: 20px;
|
||
|
|
padding-left: 25px;
|
||
|
|
padding-right: 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
```
|