Se voc� quiser ajustar ao mesmo tempo todas as quatro larguras, no formato A B C e D como retratado acima, a propriedade da beira-largura est� usada. O valor pode ser fino, m�dio, grosso, ou um valor e uma unidade num�ricos, tal como 5px ou 0.2em.

Em cada par�grafo se voc� quisesse a uma beira m�dia ao redor, voc� poderia usar-se:

C�digo do CSS

p { border-width: medium; }
/* This sets all to medium */
p { border-width: medium medium; }
/* This sets top/bottom medium then right/left medium */
p { border-width: medium medium medium medium; }
/* Set each A B C and D */

A beira do defeito n�o � nenhuma beira em tudo, se voc� quiser qualquer beira aparecer visualmente, voc� necessitar� adicionar uma segunda propriedade, beira-estilo. Os valores para o beira-estilo s�o: nenhuns, pontilhado, tracejado, cont�nuo, dobro, sulco, cume, inserir, outset.

Assim vamos fazer cada par�grafo ter uma beira m�dia que seja pontilhada:

C�digo do CSS

p { border-width: medium; border-style: dotted; }

Variant da pia batismal

Assim perto de come�ar nossa beira perfeita. Mas que se a beira a ser simples azul. A propriedade da beira-cor � ajustada ao azul

p { border-width: medium; border-style: dotted; border-color: blue; }

N�o seria agrad�vel ter uma propriedade da combina��o? H� ele est� uma beira justa e espera a largura, o estilo, a seguir a cor. Assim o exemplo imediatamente acima podia ser simplificado:

C�digo do CSS

p { border: medium dotted blue; }

Se voc� puder ajustar cada uma das quatro beiras individualmente. As propriedades s�o beira-alto, beira-direito, beira-fundo, e beira-esquerdas. Os valores esperados est�o a uma largura, estilo, colorem ent�o. Se voc� quisesse cada par�grafo com uma beira esquerda pontilhada no vermelho, e uma beira direita tracejada no roxo, voc� poderia usar-se:

C�digo do CSS

p { border-left: dotted red; border-right: dashed purple; }

A tabela follwing descreve as propriedades da beira:

Property	Description	values
border	A shorthand property for setting all of the properties for the four borders in one declaration	border-width border-style border-color
border-bottom	A shorthand property for setting all of the properties for the bottom border in one declaration	border-bottom-width border-style border-color
border-bottom-color	Sets the color of the bottom border	border-color
border-bottom-style	Sets the style of the bottom border	border-style
border-bottom-width	Sets the width of the bottom border	thin medium thick length
border-color	Sets the color of the four borders, can have from one to four colors	color
border-left	A shorthand property for setting all of the properties for the left border in one declaration	border-left-width border-style border-color
border-left-color	Sets the color of the left border	border-color
border-left-style	Sets the style of the left border/td>	border-style
border-left-width	Sets the width of the left border	thin medium thick length
border-right	A shorthand property for setting all of the properties for the right border in one declaration	order-right-width border-style border-color
border-right-color	Sets the color of the right border	border-color
border-right-style	Sets the style of the right border	border-style
border-right-width	Sets the width of the right border	thin medium thick length
border-style	Sets the style of the four borders, can have from one to four styles	none hidden dotted dashed solid double groove ridge inset outset
border-top	A shorthand property for setting all of the properties for the top border in one declaration	border-top-width border-style border-color
border-top-color	Sets the color of the top border	border-color
border-top-style	Sets the style of the top border	border-style
border-top-width	Sets the witdth of the top border	thin medium thick length
border-width	A shorthand property for setting the width of the four borders in one declaration, can have from one to four values	thin medium thick length