Propriedades de Borda em CSS
As propriedades de borda em CSS definem as bordas em torno de um elemento.
Exemplos
Especifica o estilo das quatro bordas
Este exemplo demonstra como especificar o estilo das quatro bordas.
Especifica bordas diferentes em cada lado
Este exemplo demonstra como especificar diferentes bordas em cada lado do elemento.
Configurar a cor das quatro bordas
Este exemplo demonstra como especificar a cor das quatro bordas. Pode haver de uma até quatro cores.
Especificar a largura da borda inferior
Este exemplo demonstra como especificar a largura da borda inferior.
Especificar a largura da borda esquerda
Este exemplo demonstra como especificar a largura da borda esquerda.
Especifica a largura da borda direita
Este exemplo demonstra como especificar a largura da borda esquerda.
Especifica a largura da borda superior
Este exemplo demonstra como especificar a largura da borda superior.
Todas as propriedades da borda inferior em uma declaração
Este exemplo demonstra um propriedade estenográfica para epecificar todas as propriedades para a borda inferior em uma declaração.
Todas as propriedades da borda esquerda em uma declaração
Este exemplo demonstra uma propriedade estenográfica para especificar todas as propriedades para a borda esquerda em uma declaração.
Todas as propriedades da borda direita em uma declaração
Este exemplo demonstra uma propriedade estenográfica para todas as propriedades para a borda direita em uma declaração.
Todas as propriedades da borda superior em uma declaração
Este exemplo demonstra uma propriedade estenográfica para especificar todas as propriedades para a borda superior em uma declaração.
Todas as larguras das propriedades das bordas em uma declaração
Este exemplo demonstra uma propriedade estenográfica para especificar a largura das quatro bordas em um adeclaração, pode haver de um até quatro valores.
Todas as propriedades das bordas em uma declaração
Este exemplo demonstra uma propriedade estenográfica para especificar todas as propriedades das quatro bordas em uma declaração, pode haver de um até quatro valores.
Bordas em CSS
As propriedades de borda permitem-lhe especificar o estilo, a cor, e a largura de um elemento border. Em HTML usamos tabelas para criar bordas em torno de um texto, mas com as propriedades de borda na CSS podemos criar bordas com belos efeitos, e elas podem ser aplicadas a qualquer elemento.
Propriedades de Borda:
NN: Netscape, IE: Internet Explorer, W3C:
Padrão Web
| Propriedade |
Descrição |
Valores |
NN |
IE |
W3C |
| border |
Uma propriedade estenográfica para especificar todas as propriedades para as quatro bordas em uma declaração |
border-width
border-style
border-color |
4.0 |
4.0 |
CSS1 |
| border-bottom |
Uma propriedade estenográfica para especificar todas as propriedades para a borda inferior em uma declaração |
border-bottom-width
border-style
border-color |
6.0 |
4.0 |
CSS1 |
| border-bottom-color |
Especifica a cor da borda inferior |
border-color |
6.0 |
4.0 |
CSS2 |
| border-bottom-style |
Especifica o estilo da borda inferior |
border-style |
6.0 |
4.0 |
CSS2 |
| border-bottom-width |
Especifica a largura da borda inferior |
thin
medium
thick
length |
4.0 |
4.0 |
CSS1 |
| border-color |
Especifica a cor das quatro bordas, pode ter de uma até quatro cores |
color |
6.0 |
4.0 |
CSS1 |
| border-left |
Uma propriedade estenográfica para especificar todas as propriedades para a borda esquerda em uma declaração |
border-left-width
border-style
border-color |
6.0 |
4.0 |
CSS1 |
| border-left-color |
Especifica a cor da borda esquerda |
border-color |
6.0 |
4.0 |
CSS2 |
| border-left-style |
Especifica o estilo da borda esquerda |
border-style |
6.0 |
4.0 |
CSS2 |
| border-left-width |
Especifica a largura da borda esquerda |
thin
medium
thick
length |
4.0 |
4.0 |
CSS1 |
| border-right |
Uma propriedade estenográfica para especificar todas as propriedades para a borda direita em uma declaração |
border-right-width
border-style
border-color |
6.0 |
4.0 |
CSS1 |
| border-right-color |
Especifica a cor da borda direita |
border-color |
6.0 |
4.0 |
CSS2 |
| border-right-style |
Especifica o estilo da borda direita |
border-style |
6.0 |
4.0 |
CSS2 |
| border-right-width |
Especifica a largura da borda direita |
thin
medium
thick
length |
4.0 |
4.0 |
CSS1 |
| border-style |
Especifica o estilo das quatro bordas, pode ter de um até quatro estilos |
none
hidden
dotted
dashed
solid
double
groove
ridge
inset
outset |
6.0 |
4.0 |
CSS1 |
| border-top |
Uma propriedade estenográfica para especificar todas as propriedades da borda superior em uma declaração |
border-top-width
border-style
border-color |
6.0 |
4.0 |
CSS1 |
| border-top-color |
Especifica a cor da borda superior |
border-color |
6.0 |
4.0 |
CSS2 |
| border-top-style |
Especifica o estilo da borda superior |
border-style |
6.0 |
4.0 |
CSS2 |
| border-top-width |
Especifica a largura da borda superior |
thin
medium
thick
length |
4.0 |
4.0 |
CSS1 |
| border-width |
Uma propriedade estenográfica para especificar a largura de todas as bordas em uma declaração, pode ter de um até quatro valores |
thin
medium
thick
length |
4.0 |
4.0 |
CSS1 |
| 
HOME
