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
selector {
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:
<div id="elem"></div>
#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
