As propriedades CSS do Border-style

Março 2017




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

Artigo original publicado por . Tradução feita por ninha25. Última modificação: 30 de novembro de 2011 às 07:16 por ninha25.
Este documento, intitulado 'As propriedades CSS do Border-style', está disponível sob a licença Creative Commons. Você pode copiar e/ou modificar o conteúdo desta página com base nas condições estipuladas pela licença. Não se esqueça de creditar o CCM (br.ccm.net) ao utilizar este artigo.