As propriedades CSS do Border-style

Faça uma pergunta



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
Jean-François Pillou

Nosso conteúdo é produzido em colaboração com especialistas em tecnologia da informação sob o comando de Jean-François Pillou, fundador do CCM.net e diretor digital do Grupo Figaro. CCM é um site sobre tecnologia líder em nível internacional e está disponível em 11 idiomas.

Mais informações sobre a equipe do CCM

Veja também