Propriedade border-top-width do CSS
- página anterior border-top-style
- Próxima página border-width
Definição e uso
A propriedade border-top-width define a largura da borda superior do elemento.
Só funciona quando o estilo da borda não for none. Se o estilo da borda for none, a largura da borda será realmente resetada para 0. Não é permitido especificar valores de comprimento negativos.
Notas:Sempre declare a propriedade border-style antes da propriedade border-top-width. O elemento só pode mudar a largura da borda após obter a borda. Se o estilo da borda for none, a largura da borda será resetada para 0. Não é permitido especificar valores de comprimento negativos.
Veja também:
Tutorial do CSS:Borda CSS
Manual do CSS:Propriedade border-top
Manual do HTML DOM:Propriedade borderTopWidth
Exemplo
Definir a largura da borda superior:
p { border-style:solid; border-top-width:15px; }
Sintaxe do CSS
border-top-width: medium|thin|thick|length|initial|inherit;
Valor da propriedade
Valor | Descrição |
---|---|
thin | Define uma borda superior fina. |
medium | Valor padrão. Define uma borda superior média. |
thick | Define uma borda superior grossa. |
length | Permite que você personalize a largura da borda superior. |
inherit | Define que a largura da borda deve ser herdada do elemento pai. |
Detalhes técnicos
Valor padrão: | medium |
---|---|
Herança: | não |
Versão: | CSS1 |
Sintaxe do JavaScript: | object.style.borderTopWidth="thick" |
Mais exemplos
- Definir a largura da borda superior
- Este exemplo mostra como definir a largura da borda superior.
Suporte do navegador
Os números na tabela indicam a primeira versão do navegador que suporta completamente essa propriedade.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Notas:Os navegadores IE7 e anteriores não suportam o valor "inherit". O IE8 requer !DOCTYPE. O IE9 suporta "inherit".
- página anterior border-top-style
- Próxima página border-width