Propriedade border §

---

Propriedade border no CSS §

---

A propriedade border é utilizada para definir as bordas de um elemento. Ela aceita até três valores, representando a largura, o estilo e a cor da borda.

A propriedade border também pode ser decomposta em três propriedades separadas: border-width, border-style e border-color.

Sintaxe §

/* Definindo a borda com largura, estilo e cor */
.elemento {
  border: 1px solid #000;
}

Propriedades separadas §

• border-width: Define a largura da borda.
• border-style: Define o estilo da borda (ex: solid, dashed, dotted).
• border-color: Define a cor da borda.

.elemento {
  border-width: 1px;
  border-style: solid;
  border-color: #000;
}

Bordas individuais §

É possível definir bordas individuais, como border-top, border-right, border-bottom e border-left, seguindo a mesma lógica de largura, estilo e cor.

.elemento {
  border-top: 1px solid #000;
}

Referências §

---

• Curso de JavaScript e TypeScript do básico ao avançado