Exemplo
Definir a largura das quatro bordas:
p
{
border-style: solid;
border-width: 15px;
}
Tente você mesmo " Definição e Uso
A propriedade border-width define a largura de quatro bordas de um elemento. Esta propriedade pode ter de um a quatro valores.
Exemplos:
- border-width:thin medium thick 10px;
- borda superior é fino
- borda direita é médio
- borda inferior é grosso
- borda esquerda é 10px
- border-width:thin medium thick;
- borda superior é fino
- bordas direita e esquerda são médios
- borda inferior é grosso
- border-width:thin medium;
- bordas superior e inferior são fina
- bordas direita e esquerda são médios
- border-width:thin;
- todas as quatro bordas são finas
Note: Sempre declarar a propriedade border-style antes que a propriedade border-width. Um elemento deve ter fronteiras antes que você pode definir a largura.
| Valor padrão: | medium |
|---|---|
| Herdado: | no |
| Animatable: | yes. Read about animatable Try it |
| Versão: | CSS1 |
| sintaxe JavaScript: | object .style.borderWidth="1px 5px" Try it |
Suporte a navegadores
Os números na tabela especificar a primeira versão do browser que suporta totalmente a propriedade.
| Propriedade | |||||
|---|---|---|---|---|---|
| border-width | 1.0 | 4.0 | 1.0 | 1.0 | 3,5 |
CSS Syntax
border-width: medium|thin|thick|length|initial|inherit;Valores de propriedade
| Valor | Descrição | Jogue |
|---|---|---|
| medium | Especifica um limite médio. Este é o padrão | Jogue " |
| thin | Especifica uma borda fina | Jogue " |
| thick | Especifica uma borda grossa | Jogue " |
| length | Permite definir a espessura da borda | 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
HTML DOM de referência: borderWidth property