Comment puis-je définir une bordure css sur un seul côté ?

Question

Pour un div Je voudrais afficher une bordure uniquement sur le côté gauche, droit, supérieur ou inférieur.

Actuellement, j'ai ce qui suit, qui met une bordure sur tous les côtés :

#testdiv {
   border: 1px solid;
}

Que dois-je faire pour avoir une bordure uniquement sur le côté gauche ?

Answer 1

#testdiv {
   border-left: 1px solid;
}

Voir la documentation MDN sur les frontières .

Answer 2

Si vous voulez définir 4 côtés séparément, utilisez :

border-width: 1px 2em 5px 0; /* top right bottom left */
border-style: solid dotted inset double;
border-color: #f00 #0f0 #00f #ff0;

Answer 3

    div{
    border-left:solid red 3px;
    border-right:solid violet 4px;
    border-top:solid blue 4px;
    border-bottom:solid green 4px;
    background:grey;
    width:100px; height:50px
}

DEMO

Answer 4

Vous pouvez spécifier une bordure séparément pour toutes les bordures, par exemple :

#testdiv{
  border-left: 1px solid #000;
  border-right: 2px solid #FF0;
}

Vous pouvez également spécifier l'aspect de la bordure, et utiliser un style distinct pour les bordures supérieure, droite, inférieure et gauche. par exemple :

#testdiv{
  border: 1px #000;
  border-style: none solid none solid;
}

Answer 5

Essayez comme ceci

#testdiv{
  border-left:1px solid;

}