Propriété raccourcie pour la bordure en CSS
Tout comme pour les polices, il existe également pour les bordures
une propriété raccourcie border,
que nous pouvons utiliser au lieu
d'écrire 3 propriétés différentes pour
l'épaisseur, la couleur et le type de bordure. Dans cette propriété,
nous pouvons simplement énumérer les valeurs pour
la bordure dans n'importe quel ordre.
Regardons un exemple. Supposons que nous ayons une bordure comme celle-ci :
#elem {
border-width: 1px;
border-style: solid;
border-color: black;
width: 300px;
height: 100px;
}
Réécrivons-la en utilisant la propriété raccourcie :
#elem {
border: 1px solid red;
width: 300px;
height: 100px;
}
Reproduisez la page selon cet exemple :
Reproduisez la page selon cet exemple :
Reproduisez la page selon cet exemple :
Reproduisez la page selon cet exemple :
