Atributo de borde abreviado de CSS

CSS Borde - Atributos Abreviados

Como se vio en el capítulo anterior, se deben considerar muchos atributos al manejar los bordes.

Para reducir el código, también se puede especificar todos los atributos de borde individuales en una propiedad.

border Esta propiedad es un atajo para las siguientes propiedades de borde individuales:

  • border-width
  • border-style（Obligatorio）
  • border-color

Ejemplo

p {
  border: 5px solid red;
}

Resultados:

Algunos textos

Prueba por su cuenta

También puede especificar todos los atributos de borde individuales para un lado:

Borde izquierdo

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

Resultados:

Algunos textos

Prueba por su cuenta

Borde inferior

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

Resultados:

Algunos textos

Prueba por su cuenta