Question sur border

Bonjour,

juste une question pour les border

je sais que c'est

border letf 1px solid
border_top 1px solid

es ce qu'on peut ecrit comme ca

border: 0px 1px 1px 0px

ou c autrement

merci

5 réponses

  • Votes
  • Date
  • Date décroissante
  1. si je veux :

    border-top:1px solid;
    border-bottom:1px solid;
    border-left:1px solid;

    on ecrit comme celà

    border-style:solid;
    border:1px 0x 1px 1px;

    merci de me dire
  2. Salut,

    L'équivalent de
    border-left: solid 1px;
    border-top: solid 1px;
    


    est
    border-style: solid;
    border-width: 1px 0 0 1px; /* top right bottom left */
    


    https://www.w3schools.com/css/css_border.asp

    Bonne journée
    1. Salut,

      border letf 1px solid
      border_top 1px solid

      est complétement faux.
      En CSS il n'y a pas d'espace entre les mots du nom de la propriété mais un tiret(-).
      Vous devez indiquer à un couple propriétés valeurs une séparation par deux points(:)
      Et finir la propriété par un point virgule (;)

      De Pitet:
      border-left: solid 1px;
      border-top: solid 1px;

      ça ressemble déjà plus à du CSS mais c'est toujours faux(vous l'auriez vu si vous aviez regardé le lien que vous proposez^^)
      border ou border-left est une notation raccourcie pour 3 propriétés(et non 2) et doit comporter les valeurs de ces propriétés dans un order précis:

      border regroupe border-width , border-style et border-color qui correspondent respectivement à l'épaisseur du contour, le style de trait utilisé et la couleur du cadre.

      Idem pour border-left qui correspond à ces valeurs mais uniquement pour le côté gauche du cadre.

      La propriétés que vous recherchez est border-width:

      Elle indique dans l'ordre des aiguilles d'une montre en partant du sommet l'épaisseur de chaque côté.

      Comme ceci

      border-width:thin medium thick 10px;

      top border is thin
      right border is medium
      bottom border is thick
      left border is 10px

      thin medium et thick sont des mots anglais indiquant des épaisseurs standards(qui sont ici dans un ordre croissant: fin moyen épais).

      Autre détail si vous indiquez une valeur de 0 pas la peine de mettre l'unité:
      0px=0em=0pt=0%=0 et on gagnes du temps et de la clarté à lire le code ainsi.
    2. vous l'auriez vu si vous aviez regardé le lien que vous proposez^^
      Je te retourne la même remarque ;p

      To shorten the code, it is also possible to specify all the individual border properties in one property. This is called a shorthand property.

      The border property is a shorthand for the following individual border properties:

      border-width
      border-style (required)
      border-color

      This is a shorthand property for setting the width, style, and color of the top, right, bottom, and left border of a box. Omitted values are set to their initial values.
  3. j'ai refait tout et veuillez me dire qu'elle numero qui est mieux

    <!DOCTYPE html>
    <html>
    <head>
    <style>
         .bordure_complet
    	  {
    	  border-bottom:1px solid #000000;
    	  border-left:1px solid #000000;
    	  border-right:1px solid #000000;
    	  border-top:1px solid #000000;
    	  }
    
         .bordure_complet1
    	  {
    	  border:1px solid #000000;
    	  }
    
         .bordure_complet2
    	  {
    	  border-style:solid;
    	  border:1px;
    	  }	  
    
    
    
         .bordure_complet3
    	  {
    	  border-bottom:1px solid #000000;
    	  border-left:0px solid #000000;
    	  border-right:0px solid #000000;
    	  border-top:1px solid #000000;
    	  }
     
         .bordure_complet4
    	  {
    	  border-style:solid;
    	  border-left:0px;
    	  border-bottom:0px;
    
    	  }	 
    
         .bordure_complet5
    	  {
    	  border-style:solid;
    	  border:1px 1px 0px 0px;
    	  }	  
    
    
    
    
    
    </style>
    </head>
    
    <body>
    la c une bordure complet
    <br /><br />
    
    <div class="bordure_complet">border left bas </div>
    <br />
    pour faire simple il faut ecrire :
    <br /><br />
    <div class="bordure_complet1">border left bas </div>
    <br />
    ou bien
    <br /><br />
    <br /><br />
    <div class="bordure_complet2">border left bas </div>
    <br />
    
    
    
    la c une bordure complet en supprimet left et right
    <br /><br />
    
    <div class="bordure_complet3">border left bas </div>
    <br />
    pour faire simple il faut ecrire :
    <br /><br />
    <div class="bordure_complet4">border left bas </div>
    <br />
    ou bien
    <br /><br />
    <br /><br />
    <div class="bordure_complet5">border left bas </div>
    <br />
    
    
    
    
    
    
    
    
    
    
    </body>
    
    </html>
    
    


    http://www.w3schools.com/css/tryit.asp?filename=trycss_border-style

    merci de me dire le numero
    1. Toujours pas de propriété border-width ...

      On se demande vraiment pourquoi tu utilises ce forum si tu ne prends pas en compte nos réponses ^^

      Il n'y pas de code "mieux", ça dépend de comment tu souhaites afficher ces bordures.
  4. moi je veux bien pour un cadre entire de mettre

    p.three
    {
    border-style:solid;
    border-width:1px;
    }

    et si je veux supprimer un border right

    il faut mettre

    p.three
    {
    border-style:solid;
    border-width:1px;
    border_right:0px;
    }
    1. Pour supprimer la bordure droite, un équivalent de ton code pourrait être :
      p.three {
          border: solid 1px;
          border-right: none;
      }
      
  5. Tu lasses à reposer des questions incompréhensibles (que veut dire moi je veux bien pour un cadre entire de mettre ) alors que les réponses t'ont déjà été données par plusieurs intervenants.
    Ce sujet est devenu tordu à cause des multiples commentaires, on ne sait plus à quoi on répond.
    Au niveau où tu sembles en être compte-tenu de la question d'origine, il n'y a pas de "meilleure solution".