manual de referência do CSS

regras do CSS @

大全 de atributos do CSS

Borda CSS-inferior-Atributo width CSS3 borda-inferior-direita-Atributo radius

Borda CSS-inferior-método de uso e exemplo do estilo

borda-inferior-A propriedade style CSS é usada para definir o estilo da borda inferior do elemento individualmente. No entanto, no nosso trabalho prático, geralmente usamosborda-estiloouborda-inferiorpara definir o estilo da borda.

A tabela a seguir fornece uma descrição de uso e histórico de versão dessa propriedade, bem como a sintaxe de uso na script do JavaScript.

valor padrão:	none
aplicável a:	todos os elementos
herança:	não
animável:	não.veja também propriedades de animação.
versão:	CSS 1,2,3
sintaxe JavaScript:	object object.style.borderBottomStyle="dashed"

borda-inferior-sintaxe de uso do style

A sintaxe dessa propriedade é a seguinte:

borda-inferior-style:　none　|　hidden　|　dotted　|　dashed　|　solid　|　double　|　groove　|　ridge　|　inset　|　outset　|　initial　|　inherit

O exemplo a seguir demonstra como usar border-inferior-propriedade style.

exemplo

　　p　{
　　　borda-inferior-style:　dashed;
　　　borda-inferior-width:　3px;
　　}

Teste e veja‹/›

Valores do atributo

A tabela a seguir descreve os valores deste atributo.

Valor	Descrição
none	Exibe sem borda.
hidden	É como none, mas a diferença é que as células da tabela têmBorda dobradaE duas células compartilham a borda. O valor hidden garante que a borda não seja desenhada, pois hidden tem prioridade sobre todos os outros estilos de borda.
dotted	Exibe a borda como uma série de pontos.
dashed	Exibe a borda como uma série de segmentos curtos, ou traços.
solid	Exibe a borda como uma linha sólida.
double	Exibe a borda como duas linhas paralelas, com um espaço entre elas. A soma das duas linhas e o espaço entre elas é igual aborda-widthdo valor.
groove	Exibe uma borda gravada no canvas. Oferece a impressão de3A impressão D, geralmente feita usando cores mais claras que a cor da borda.borda-corduas cores mais claras e mais escuras para criar a sombra.
ridge	Exibe uma borda groove oposta ao efeito. Também oferece3A impressão D, a borda parece que sai do canvas.
inset	Exibe uma borda que faz a caixa do elemento parecer que está embutida no canvas. Oferece a impressão de3D, isso geralmente é feito criando uma sombra em duas cores, mais claras que a cor da borda.borda-corligeiramente mais claro e mais escuro.
outset	Exibe uma borda inset oposta ao efeito. Também oferece3A impressão D, a borda faz a caixa parecer que sai do canvas.
initial	Defina este atributo como seu valor padrão.
inherit	Se especificado, o elemento relacionado adota a borda do pai-inferior-Valor calculado do atributo style.

Compatibilidade do navegador

borda-inferior-Compatibilidade do navegador do atributo style, os números na tabela a seguir representam a versão mínima do navegador que suporta o atributo. Todos os navegadores populares suportam este atributo.

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

Aviso: Internet Explorer 7e versões mais antigas não suportam value hidden. IE8Suporta, mas precisa de.IE9e versões mais recentes suportam o valor hidden.