Exemplo
Defina o estilo da borda esquerda:
p
{
border-style: solid;
border-left: thick double #ff0000;
}
Tente você mesmo " Definição e Uso
A propriedade estenográfica border-left define todas as propriedades da borda esquerda em uma declaração.
As propriedades que podem ser definidas, são (in order) : border-left-width, border-style-esquerda, e border-left-color.
Não importa se um dos valores acima estiver faltando, por exemplo, border-left: # ff0000 sólidos; é permitido.
| 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.borderLeft="3px dotted 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-left | 1.0 | 4.0 | 1.0 | 3,5 | 1.0 |
Nota: Consulte o suporte ao navegador individual para cada valor abaixo.
CSS Syntax
border-left:border-widthborder-styleborder-color|initial|inherit;Valores de propriedade
| Valor | Descrição |
|---|---|
| border-left-width | Especifica a largura da borda esquerda. O valor padrão é "medium" |
| border-left-style | Especifica o estilo da borda esquerda. O valor padrão é "none" |
| border-left-color | Especifica a cor da borda esquerda. 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: borderLeft property