Propiedad de borde abreviado CSS
Borde CSS - Propiedad abreviada
Como vio en la página 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 propiedad.
La border
propiedad es una propiedad abreviada para las siguientes propiedades de borde individuales:
border-width
border-style
(requerido)border-color
Ejemplo
p {
border: 5px solid red;
}
Resultado:
Some text
También puede especificar todas las propiedades de borde individuales para un solo lado:
Borde izquierdo
p {
border-left: 6px solid red;
background-color: lightgrey;
}
Resultado:
Some text
Borde inferior
p {
border-bottom: 6px solid red;
background-color: lightgrey;
}
Resultado:
Some text