English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
border-direita-O atributo style define o estilo da borda direita do elemento. No entanto, em muitos casos, comoborder-styleouborder-direitaEsses atributos CSS abreviados são mais convenientes e recomendáveis de usar.
A tabela a seguir fornece uma descrição de uso e histórico de versão deste atributo, bem como a sintaxe de uso no script JavaScript.
| Valor padrão: | none |
|---|---|
| Aplicável a: | Todos os elementos |
| Herança: | Nenhum |
| Animável: | Não.Ver: Atributos de animação。 |
| Versão: | CSS 1，2，3 |
| Sintaxe JavaScript: | object object.style.borderRightStyle="dashed" |
A sintaxe deste atributo é a seguinte:
border-direita-style: none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset | initial | inherit
O exemplo a seguir demonstra como usar border-direita-Atributo style.
p {
border-direita-style: dashed;
border-direita-width: 3px;
}Teste para ver‹/›A tabela a seguir descreve os valores deste atributo.
| Valor | Descrição |
|---|---|
| none | Sem borda será exibida. |
| hidden | Como none, 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 | Mostra a borda como uma série de pontos. |
| dashed | Mostra a borda como uma série de pequenos segmentos, ou traços. |
| solid | Mostra a borda como uma linha sólida. |
| double | Mostra a borda como duas linhas paralelas e deixa um espaço entre elas. A soma das duas linhas e o espaço entre elas é igual aborder-widthdo valor. |
| groove | Mostra uma borda gravada no canvas. Ela dá a impressão de3A impressão do D, geralmente feita usando cores mais escuras que a cor da borda.border-colorduas cores mais claras e mais escuras para criar a sombra. |
| ridge | Mostra uma borda groove que tem o efeito oposto, também dando3A impressão do D, a borda parece que sai do canvas. |
| inset | Mostra uma borda que faz com que a caixa do elemento pareça estar embutida no canvas. Ela tem a impressão de3D, isso geralmente é feito criando uma sombra de dois tons, mais escuros que a cor da borda.border-colorligeiramente mais brilhante e mais escuro. |
| outset | Mostra uma borda inset que tem o efeito oposto, também dando3A impressão do D, a borda faz a caixa parecer que sai do canvas. |
| initial | Defina essa propriedade como seu valor padrão. |
| inherit | Se especificado, o elemento relacionado usa a borda do elemento pai-direita-Valor do atributo style. |
border-direita-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 o atributo.
|
Aviso: Internet Explorer 7e versões mais antigas não suportam value hidden. IE8Suportado, mas precisa de um。9e versões mais recentes suportam o valor hidden. IE
Veja o tutorial:Borda do CSS，CSS3 Border。
Propriedades relacionadas:border，border-style，border-direita，border-direita-color，
border-direita-width。