question sur différent type de bordure

Question

Bonjour, 

je voudrais juste savoir coment écrit en css 
enfin je mets des css et vous me direz qui est mieux 
      .bordurcoterleft
   {
   border-color:#CCCCCC; /* on affiche la couleur de la bordure */
     border-style: solid; /*  on affiche le style de l'a bordure */
   border-width:0px 0px 0px 1px; /* top right bottom left */
   }

.bordurcoterright
   {
   border-color:#CCCCCC; /* on affiche la couleur de la bordure */
     border-style: solid; /*  on affiche le style de l'a bordure */
   border-width:0px 1px 0px 0px; /* top right bottom left */
   }

.bordurcoterleftright
   {
   border-color:#CCCCCC; /* on affiche la couleur de la bordure */
     border-style: solid; /*  on affiche le style de l'a bordure */
   border-width:0px 1px 0px 1px; /* top right bottom left */
   }

.bordurcoterleftrighttop
   {
   border-color:#CCCCCC; /* on affiche la couleur de la bordure */
     border-style: solid; /*  on affiche le style de l'a bordure */
   border-width:1px 1px 0px 1px; /* top right bottom left */
   }
      .bordurcotertop
   {
   border-color:#CCCCCC; /* on affiche la couleur de la bordure */
     border-style: solid; /*  on affiche le style de l'a bordure */
   border-width:1px 0px px 0px; /* top right bottom left */
   }

.bordurcoterbottom
   {
   border-color:#CCCCCC; /* on affiche la couleur de la bordure */
     border-style: solid; /*  on affiche le style de l'a bordure */
   border-width:0px 0px 1px 0px; /* top right bottom left */
   }

.bordurcotertopbottom
   {
   border-color:#CCCCCC; /* on affiche la couleur de la bordure */
     border-style: solid; /*  on affiche le style de l'a bordure */
   border-width:0px 1px 0px 1px; /* top right bottom left */
   }

jje pense qu'on peut écrire come celà

.bordurcoterleft
   {
   border-left:1px solid #CCCCCC; /* top right bottom left */
   }

.bordurcoterright
   {
   border-right:1px solid #CCCCCC; /* top right bottom left */
   }

.bordurcoterleftright
   {
   border-left:1px solid #CCCCCC; /* top right bottom left */
   border-right:1px solid #CCCCCC; /* top right bottom left */
   }

.bordurcoterleftrighttop
   {
   border-left:1px solid #CCCCCC; /* top right bottom left */
   border-right:1px solid #CCCCCC; /* top right bottom left */
   border-top:1px solid #CCCCCC; /* top right bottom left */
   }
      .bordurcotertop
   {
   border-top:1px solid #CCCCCC; /* top right bottom left */
   }

.bordurcoterbottom
   {
   border-bottom:1px solid #CCCCCC; /* top right bottom left */
   }

.bordurcotertopbottom
   {
   border-bottom:1px solid #CCCCCC; /* top right bottom left */
   border-top:1px solid #CCCCCC; /* top right bottom left */
   }

afin de savoir qui est mieux 



Configuration: Windows / Chrome 45.0.2454.85

Konseil · Answer

Salut, ça ne sert a rien de créer un style pour chaque coté de bordure si elles sont toutes identiques.
A mon avis un simple

.border{
border:1px solid #CCCCCC;
}
devrait suffire.

Question sur différent type de bordure

1 réponse

Votre réponse

Discussions similaires