Propriedade CSS padding-right

Definição e uso

O atributo padding-right define o padding direito do elemento (espaço em branco).

Notas:Não é permitido usar valores negativos.

Explicação

Essa propriedade define a largura do padding direito do elemento. No caso de elementos inline não substituíveis, o padding direito é exibido apenas na margem direita do primeiro bloco de linha gerado pelo elemento.

Veja também:

Tutorial de CSS:Margem interna do CSS

Manual de referência do HTML DOM:Atributo paddingRight

Exemplo

Definir o padding direito do elemento p:

p
  {
  padding-right:2cm;
  }

Experimente você mesmo

(Mais exemplos podem ser encontrados na parte inferior da página)

Sintaxe do CSS

padding-right: length|initial|inherit;

Valor da propriedade

Valor Descrição
length Define um valor de padding direito fixo em unidades específicas, como pixels, centímetros, etc. O valor padrão é 0px.
% Define um padding direito em porcentagem com base na largura do elemento pai. Este valor não funciona como esperado em todos os navegadores.
inherit Deve ser herdado do elemento pai o padding direito.

Detalhes técnicos

Valor padrão: 0
Herança: não
Versão: CSS1
Sintaxe do JavaScript: objeto.style.paddingRight="10px"

TIY Exemplo

Definir padding direito 1
Este exemplo demonstra como usar valores em centímetros para definir o padding direito da célula.
Definir padding direito 2
Este exemplo demonstra como usar porcentagens para definir o padding direito da célula.

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente essa propriedade.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5