CSS - borda esquerda

Descrição

Define a borda esquerda de um elemento; value é um ou mais de uma cor, um valor para border-left-width e um valor para border-style.

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.borderLeft = "2px solid red";

Exemplo

A propriedade border-left permite que você especifique a cor, o estilo e a largura das linhas à esquerda em uma propriedade -

A seguir está o exemplo para mostrar como usar todas as três propriedades em uma única propriedade.

<html>
   <head>
   </head>

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

Isso produzirá o seguinte resultado -