Propiedad abreviada para el borde en CSS
Al igual que con las fuentes, para los bordes también
existe una propiedad abreviada border,
que podemos usar en lugar de
escribir 3 propiedades diferentes para
el grosor, el color y el estilo del borde. En esta propiedad
podemos simplemente listar los valores para
el borde en cualquier orden.
Veamos un ejemplo. Supongamos que tenemos un borde como este:
#elem {
border-width: 1px;
border-style: solid;
border-color: black;
width: 300px;
height: 100px;
}
Reescribámoslo usando la propiedad abreviada:
#elem {
border: 1px solid red;
width: 300px;
height: 100px;
}
Repita la página según el siguiente ejemplo:
Repita la página según el siguiente ejemplo:
Repita la página según el siguiente ejemplo:
Repita la página según el siguiente ejemplo:
