Propriété de bordure abrégée CSS
Bordure CSS - Propriété abrégée
Comme vous l'avez vu dans la page précédente, il existe de nombreuses propriétés à prendre en compte lorsqu'il s'agit de bordures.
Pour raccourcir le code, il est également possible de spécifier toutes les propriétés de bordure individuelles dans une propriété.
La border
propriété est une propriété abrégée pour les propriétés de bordure individuelles suivantes :
border-width
border-style
(obligatoire)border-color
Exemple
p {
border: 5px solid red;
}
Résultat:
Some text
Vous pouvez également spécifier toutes les propriétés de bordure individuelles pour un seul côté :
Bordure gauche
p {
border-left: 6px solid red;
background-color: lightgrey;
}
Résultat:
Some text
Bordure inférieure
p {
border-bottom: 6px solid red;
background-color: lightgrey;
}
Résultat:
Some text