Día 19: Border Shorthand

Borde CSS - Propiedad abreviada

Como vimos en el capítulo anterior, hay muchas propiedades a considerar cuando se trata de bordes.

Para acortar el código, también es posible especificar todas las propiedades de borde individuales en una sola propiedad.

La propiedad border es una propiedad abreviada para las siguientes propiedades:

• border-width

• border-style (obligatorio)

• border-color

Ejemplo:

p {
  border: 5px solid red;
}

También puedes especificar todas las propiedades de borde individuales para un solo lado:

Borde izquierdo

p {
  border-left: 6px solid red;
}

Borde inferior

p {
  border-bottom: 6px solid red;
}

Resumen

La propiedad CSS border es una propiedad abreviada para las propiedades border-width, border-style y border-color. También es posible especificar todas las propiedades de borde individuales para un solo lado, como el borde izquierdo o inferior.

Traducido con 💚 desde W3Schools.com