Exemplo
Defina o estilo da borda superior:
p
{
border-style: solid;
border-top: thick double #ff0000;
}
Tente você mesmo " Definição e Uso
O border-top propriedade estenográfica define todas as propriedades da borda superior em uma declaração.
As propriedades que podem ser definidas, são (in order) : border-top-width,-top border-style e border-top-color.
Se um dos valores acima estiver faltando, por exemplo, border-top: solid # ff0000, o valor padrão para a propriedade ausente será inserido, se houver.
| Valor padrão: | medium none color |
|---|---|
| Herdado: | no |
| Animatable: | yes, see individual properties . Read about animatable Try it |
| Versão: | CSS1 |
| sintaxe JavaScript: | object .style.borderTop="3px dashed blue" Try it |
Suporte a navegadores
Os números na tabela especificar a primeira versão do browser que suporta totalmente a propriedade.
| Propriedade | |||||
|---|---|---|---|---|---|
| border-top | 1.0 | 4.0 | 1.0 | 1.0 | 3,5 |
Nota: Consulte o suporte ao navegador individual para cada valor abaixo.
CSS Syntax
border-top:border-widthborder-styleborder-color|initial|inherit;Valores de propriedade
| Valor | Descrição |
|---|---|
| border-top-width | Especifica a largura da borda superior. O valor padrão é "medium" |
| border-top-style | Especifica o estilo da borda superior. O valor padrão é "none" |
| border-top-color | Especifica a cor da borda superior. O valor padrão é a cor do elemento |
| initial | Define essa propriedade para o valor padrão. Leia sobre inicial |
| inherit | Herda essa propriedade do seu elemento pai. Leia sobre herdar |
Páginas relacionadas
Tutorial CSS: CSS Border
HTML DOM de referência: borderTop propriedade