As propriedades CSS do Border-style

Dezembro 2016




Efeito simples nas bordas


Você pode definir efeitos simples com CSS como uma borda pontilhada.
border-style: valor;

Valores possíveis:
  • dashed
  • dotted
  • double
  • groove
  • hidden
  • inset
  • none
  • outset
  • ridge
  • solid

É bom saber


Nas suas declarações, defina sempre a propriedade do "border-style" antes da propriedade "border-color". Na verdade, uma borda deve ser materializada antes de ser colorida.

Tamanho da borda


Você pode definir o tamanho de uma borda com a propriedade :

border-width: valor;

Valores possíveis:
  • Length
  • Thin
  • Medium
  • Thick

Em imagem


Um pequeno resumo das propriedades em imagem :

Fonte e imagem


Fonte, imagem: Css Debutante

Efeito simples nas bordas


Você pode definir efeitos simples com CSS, como uma borda pontilhada.

border-style: valor;

Valores possíveis:
  • dashed
  • dotted
  • double
  • groove
  • hidden
  • inset
  • none
  • outset
  • ridge
  • solid

É bom saber


Nas suas declarações, defina sempre a propriedade do "border-style" antes da propriedade do "border-color". Na verdade, uma borda deve ser materializada antes de ser colorida.

Tamanho de uma borda


Você pode definir o tamanho de uma borda com a propriedade:

border-width: valor;

Valores possíveis:
  • Length
  • Thin
  • Medium
  • Thick

En image


Um pequeno resumo das propriedades em imagem:

Fonte e imagem


Fonte, imagem: Css Debutante em francês

Tutorial em português


CSS


Tradução feita por Ana Spadari

Veja também :
Este documento, intitulado « As propriedades CSS do Border-style »a partir de CCM (br.ccm.net) está disponibilizado sob a licença Creative Commons. Você pode copiar, modificar cópias desta página, nas condições estipuladas pela licença, como esta nota aparece claramente.