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 value0
Aplica-se aall 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.
Inheritednão
Percentagesrefer to the width of the containing block
Computed valuethe percentage as specified or the absolute length
Animation typea length

Syntax

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

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

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

Compatibilidade do Navegador

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
padding-left

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support