A Propriedade Borda do CSS, é uma das mais importantes, e quando formos fazer nossos layouts, com certeza usaremos ela. Neste tutorial, vamos ver suas possibilidades de cores, estilos e larguras.



Borda:

border-width: espessura da borda;

border-style: estilo da borda;

border-color: cor da borda;

border-top: maneria abreviada para todas as bordas superiores;

border-right: maneria abreviada para todas as bordas da direita;

border-bottom: maneria abreviada para todas as bordas inferiores;

border-left: maneria abreviada para todas as bordas da esquerda;

border: maneria abreviada para todas as bordas;



Borda superior:

border-top-width: espessura da borda superior;

border-top-style: estilo da borda superior;

border-top-color: cor da borda superior;




Borda direita:

border-right-width: espessura da borda direita;

border-right-style: estilo da borda direita;

border-right-color: cor da borda direita;




Borda inferior:

border-bottom-width: espessura da borda inferior;

border-bottom-style: estilo da borda inferior;

border-bottom-color: cor da borda inferior;




Borda esquerda:

border-left-width: espessura da borda esquerda;

border-left-style: estilo da borda esquerda;

border-left-color: cor da borda esquerda;




Cores (color):
código hexadecimal: #000000 / #FFFFFF;

código rgb: rgb255,235,0;

nome da cor: yellow / green / red;




Estilo (style):

none: sem estilo;

hidden: equivalente a none;

dotted: borda pontilhada;

dashed: borda tracejada;

solid: borda contínua;

double: borda dupla;

groove: borda entalhada;

ridge: borda em ressalto;

inset: borda embaixo do relevo;

outset: borda em alto relevo;




Largura (width):

thin: borda fina;

medium: borda média;

thick: borda grossa;

lenght: uma unidade de medida px;

Exportar para Word

Enviar para amigo

Imprimir

Todos os tutoriais

-------------------------------------------------------------------------------------------------------------- Propriedade Background: estudo das cores, imagens, posicionamentos e rolamentos Propriedade Fonte: estudo das cores, estilos, tamanhos e variedades Propriedade Borda: estudo das cores, estilos e propriedades

© 2010 Web Nets - Todos os direitos reservados