A Propriedade Border.

As bordas nos elementos HTML

As propriedades para as bordas, definem as características (os valores na regra CSS) das quatro bordas de um elemento HTML.

As propriedades para as bordas são as listadas abaixo:

• border-width:................espessura da borda


• border-style:................estilo da borda


• border-color:................cor da borda


• -----------------------------------------


• border-top-width:............espessura da borda superior


• border-top-style:............estilo da borda superior


• border-top-color:............cor da borda superior


• -----------------------------------------


• border-right-width:.........espessura da borda direita


• border-right-style:..........estilo da borda direita


• border-right-color:..........cor da borda direita


• -----------------------------------------


• border-bottom-width:.........espessura da borda inferior


• border-bottom-style:.........estilo da borda inferior


• border-bottom-color:.........cor da borda inferior


• -----------------------------------------


• border-left-width:...........espessura da borda esquerda


• border-left-style:...........estilo da borda esquerda


• border-left-color:...........cor da borda esquerda


• -----------------------------------------


• border-top:...maneira abreviada para todas as propriedades da borda superior


• border-right:..maneira abreviada para todas as propriedades da borda direita


• border-bottom:..maneira abreviada para todas as propriedades da borda inferior


• border-left:..maneira abreviada para todas as propriedades da borda esquerda


• border:.........maneira abreviada para todas as quatro bordas

Valores válidos para as propriedades das bordas

• color:
  
  
  
  1. código hexadecimal: #FFFFFF
  
  
  2. código rgb: rgb(255,235,0)
  
  
  3. nome da cor: red, blue, green...etc
  
  
  
  


• style:
  
  
  
  1. none: nenhuma borda
  
  
  2. hidden: equivalente a none
  
  
  3. dotted: borda pontilhada
  
  
  4. dashed: borda tracejada
  
  
  5. solid: borda contínua
  
  
  6. double: borda dupla
  
  
  7. groove: borda entalhada
  
  
  8. ridge: borda em ressalto
  
  
  9. inset: borda em baixo relevo
  
  
  10. outset: borda em alto relevo
  
  
  
  


• width:
  
  
  
  1. thin: borda fina
  
  
  2. medium: borda média
  
  
  3. thick: borda grossa
  
  
  4. length: uma medida reconhecida pelas CSS (px, pt, em, cm, ...)
  
  

Fonte:Maujor