Propiedad border

La propiedad border establece el color, tipo y grosor del borde para todos los lados simultáneamente. Es una propiedad abreviada para border-width, border-style y border-color. A diferencia de las propiedades que abrevia, no puede establecer un borde diferente para los 4 lados a la vez, sino solo el mismo para todos.

Sintaxis

cssselector {
  border: grosor tipo color;
}

El orden de las propiedades no importa.

Ejemplo

Vamos a hacer un borde negro de 1px de grosor para el elemento:

html<div id="elem"></div>
css#elem {
  border: 1px solid black;
  width: 300px;
  height: 100px;
}

Результат:

Véase también

  • propiedad border-left,
    que establece el borde izquierdo
  • propiedad border-right,
    que establece el borde derecho
  • propiedad border-top,
    que establece el borde superior
  • propiedad border-bottom,
    que establece el borde inferior
  • propiedad outline,
    que establece un contorno para el elemento
  • propiedad border-radius,
    que redondea las esquinas del borde