padding-left

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Resumo

A propriedade CSS padding-left é um elemento que define o espaço de preenchimento obrigatório no lado esquerdo de um elemento. padding area é o espaço entre o conteúdo do elemento e a borda. Um valor negativo não é permitido.

Initial value	`0`
Aplica-se a	all elements, except `table-row-group`, `table-header-group`, `table-footer-group`, `table-row`, `table-column-group` and `table-column`. It also applies to `::first-letter` and `::first-line`.
Inherited	não
Percentages	refer to the width of the containing block
Computed value	the percentage as specified or the absolute length
Animation type	a length

Syntax

Syntax formal: padding-left = 
  <length-percentage [0,∞]>  

<length-percentage> = 
  <length>      |
  <percentage>  

Sources: CSS Box Model Module Level 4, CSS Values and Units Module Level 4

padding-left: 0.5em;
padding-left: 0;
padding-left: 2cm;
padding-left: 10%

padding-left: inherit

Valores

<length>: Especifica uma largura fixa positiva. Consulte <length> para obter detalhes.
<percentage>: Um percentual em relação a largura do bloco.

Exemplos

css

.content {
  padding-left: 5%;
}
.sidebox {
  padding-left: 10px;
}

Especificações

Specification
CSS Box Model Module Level 3 # padding-physical