Exemplo
Defina o estilo da borda superior:
p
{
border-style: solid;
border-top-style: dotted;
}
Tente você mesmo " Definição e Uso
A propriedade-top border-style define o estilo da borda superior de um elemento.
| Valor padrão: | none |
|---|---|
| Herdado: | no |
| Animatable: | no. Read about animatable |
| Versão: | CSS1 |
| sintaxe JavaScript: | object .style.borderTopStyle="dashed" 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-style | 1.0 | 5.5 | 1.0 | 1.0 | 9.2 |
Note: O valor "hidden" não é suportado no IE7 e anteriores. IE8 requer um DOCTYPE!. IE9 e apoio depois "hidden" .
CSS Syntax
border-top-style:none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;Valores de propriedade
| Valor | Descrição | Jogue |
|---|---|---|
| none | Especifica na borda. Este é o padrão | Jogue " |
| hidden | O mesmo que "none" , exceto na resolução de conflitos de fronteira para os elementos da tabela | Jogue " |
| dotted | Especifica uma borda pontilhada | Jogue " |
| dashed | Especifica uma borda tracejada | Jogue " |
| solid | Especifica uma borda sólida | Jogue " |
| double | Especifica uma margem dupla | Jogue " |
| groove | Especifica uma borda sulcada 3D. O efeito depende do valor de fronteira-cor | Jogue " |
| ridge | Especifica uma borda ridged 3D. O efeito depende do valor de fronteira-cor | Jogue " |
| inset | Especifica uma borda de inserção 3D. O efeito depende do valor de fronteira-cor | Jogue " |
| outset | Especifica uma fronteira início 3D. O efeito depende do valor de fronteira-cor | Jogue " |
| initial | Define essa propriedade para o valor padrão. Leia sobre inicial | Jogue " |
| inherit | Herda essa propriedade do seu elemento pai. Leia sobre herdar |
Páginas relacionadas
Tutorial CSS: CSS Border
Referência CSS: border-top property
HTML DOM de referência: borderTopStyle property