O melhor tutorial propriedade CSS border-style em 2024. Neste tutorial você pode aprender Exemplos,Atributo definições e instruções,Suporte a navegadores,Valor de propriedade,exemplos on-line,artigos relacionados,
Criou quatro estilo de borda:
propriedade border-style definir quatro bordas de um elemento de estilo. Esta propriedade pode ter um a quatro valores.
exemplo:
border-style: pontilhada dupla sólida frustradas ;
border-style: pontilhada dupla sólida;
border-style: sólida pontilhada;
border-style: pontilhada;
padrão: | não especificado |
---|---|
herança: | não |
versão: | CSS1 |
sintaxe JavaScript: | objeto object.style.borderStyle = "double pontilhada" |
Números na tabela representam o primeiro navegador a suportar o número da versão da propriedade.
属性 | |||||
---|---|---|---|---|---|
border-style | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
valor | descrição |
---|---|
nenhum | as fronteiras não definido. |
oculto | E "nenhum" o mesmo. No entanto, quando aplicada à tabela, excepto para a mesa, escondido para resolver o conflito de fronteira. |
pontilhado | beira do ponto definido. Rendido como uma linha sólida na maioria dos navegadores. |
frustradas | A definição de uma linha pontilhada. Rendido como uma linha sólida na maioria dos navegadores. |
sólido | A definição de uma linha a cheio. |
duplo | A definição de arame. dupla largura igual ao valor de fronteira de largura. |
sulco | recesso 3D fronteira definida. O efeito depende do valor de fronteira-cor. |
cume | 3D ondulado fronteira definida. O efeito depende do valor de fronteira-cor. |
inserção | Definir fronteira inserir 3D. O efeito depende do valor de fronteira-cor. |
início | Definir fronteira início 3D. O efeito depende do valor de fronteira-cor. |
herdar | Disposições deve herdar o estilo de borda do elemento pai. |
Definir diferentes fronteiras de cada lado
Este exemplo demonstra como para definir as fronteiras diferentes em cada lado do elemento.
tutorial CSS: CSS Border