Bordures pour les côtés individuels en CSS
Il existe également des propriétés raccourcies pour
les côtés individuels : border-left (bordure
gauche), border-right (bordure droite),
border-top (bordure supérieure), border-bottom
(bordure inférieure).
Créons uniquement une bordure gauche pour
un bloc en utilisant la propriété border-left :
<div id="elem"></div>
#elem {
width: 300px;
height: 100px;
border-left: 1px solid red;
}
:
Maintenant, créons simultanément les bordures gauche et droite :
<div id="elem"></div>
#elem {
width: 300px;
height: 100px;
border-left: 1px solid red;
border-right: 1px solid red;
}
:
Reproduisez la page selon cet exemple :
Reproduisez la page selon cet exemple :
