propriedade CSS border-style
Exemplos
Criou quatro estilo de borda:
p
{
border-style:solid;
}
{
border-style:solid;
}
tente »
Parte inferior da página para ver mais exemplos.
Atributo definições e instruções
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 ;
- As fronteiras são pontilhadas
- borda direita é uma linha sólida
- A borda inferior dupla
- borda esquerda é uma linha pontilhada
border-style: pontilhada dupla sólida;
- As fronteiras são pontilhadas
- borda direita e borda esquerda é uma linha sólida
- A borda inferior dupla
border-style: sólida pontilhada;
- bordas superior e inferior são pontilhadas
- borda direita e borda esquerda é uma linha sólida
border-style: pontilhada;
- Todas as quatro bordas são pontilhadas
| padrão: | não especificado |
|---|---|
| herança: | não |
| versão: | CSS1 |
| sintaxe JavaScript: | objeto object.style.borderStyle = "double pontilhada" |
Suporte a navegadores
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 de propriedade
| 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. |
exemplos on-line
Definir diferentes fronteiras de cada lado
Este exemplo demonstra como para definir as fronteiras diferentes em cada lado do elemento.
artigos relacionados
tutorial CSS: CSS Border
