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