manual de referência CSS

regras CSS @RULES

大全 de propriedades CSS

CSS border-Atributo bottom CSS3 background-Atributo size

Método de uso e exemplo da propriedade border do CSS

A propriedade de borda do CSS define a largura, estilo e cor de todos os quatro lados do elemento. É usada para definir propriedades de borda individualmente, ou seja, uma propriedade abreviada, eborder-width,border-stylee alémborder-coloré uma única declaração.

A tabela a seguir resume o contexto de uso e histórico de versões dessa propriedade.

Valor padrão:	Ver atributo individual
Aplicável a:	Todos os elementos
Herança:	Não
Animável:	Sim,Consulte o atributo individual.Consulte Atributos de animação.
Versão:	CSS 1,2,3
Sintaxe JavaScript:	object　　　object.style.border="1px sólido vermelho"

Sintaxe de uso do border

A sintaxe dessa propriedade é a seguinte:

border: [ border-width border-style border-color ] | initial | inherit

Atenção:Se qualquer um dos atributos listados acima estiver ausente ou omitido, será inserido o valor padrão do atributo (se houver). Para mais detalhes, consulte cada atributo.

Os exemplos a seguir demonstram como usar o atributo border.

Exemplo

h1　{ border:　5px sólido #ff0000;}
p { color: #00ff00; border:　5px sólido;}

Teste e veja‹/›

Atenção:seborder-colorfalta ou não especificado (por exemplo, border: 5px sólido;），colorusará o valor do atributo do elemento. No entanto, se houverborder-styleNeste caso, se omitir ou ignorar esse valor, não será exibida nenhuma borda, porque border-O valor padrão do atributo style é none.

Valor do atributo

A tabela a seguir descreve os valores dessa propriedade.

Valor	Descrição
border-width	Defina a largura da borda do elemento.
border-style	Defina o estilo da borda do elemento.
border-color	Defina a cor da borda do elemento.
initial	Defina essa propriedade para seu valor padrão.
inherit	Se especificado, o elemento relacionado adota o valor calculado do atributo border do elemento pai.

Compatibilidade do navegador

Compatibilidade do atributo border do navegador, todos os navegadores populares suportam essa propriedade.

	Firefox 1+ Google Chrome1+ Internet Explorer 4+ Apple Safari 1+ Opera 4+