CSS - padding-top

Descrição

A propriedade padding-top define a largura do preenchimento na parte superior de um elemento.

Valores possíveis

  • length- Qualquer valor de comprimento. Valores de comprimento negativos não são permitidos para esta propriedade.

  • percentage - A largura do preenchimento superior é calculada em relação à largura do bloco que contém o elemento.

Aplica-se a

Todos os elementos HTML.

Sintaxe DOM

object.style.paddingTop = "10px;";

Exemplo

Aqui está o exemplo -

<html>
   <head>
   </head>

   <body>
      <p style = "padding-top: 15px; border:1px solid black;">
         This is a paragraph with a specified top padding
      </p>
      
      <p style = "padding-top: 5%; border:1px solid black;">
         This is another paragraph with a specified top padding in percent
      </p>
   </body>
</html>

Isso produzirá o seguinte resultado -