CSS - borda

Descrição

border é uma propriedade abreviada que define o estilo, a cor e a largura da borda ao redor de um elemento.

Valores possíveis

O valor possível é um ou mais de uma cor, um valor para a largura da borda e um valor para o estilo da borda.

Aplica-se a

Todos os elementos HTML.

Sintaxe DOM

object.style.border = "2px solid red";

Exemplo

A seguir está o exemplo para mostrar como usar todas as três propriedades em uma única propriedade. Esta é a propriedade usada com mais frequência para definir a borda em torno de qualquer elemento.

<html>
   <head>
   </head>

   <body>
      <p style = "border:4px solid red;">
         This example is showing shorthand property for border.
      </p>
   </body>
</html>

Isso produzirá o seguinte resultado -