Question sur border

titiririgole -
telliak Messages postés 3652 Date d'inscription Statut Membre Dernière intervention - 21 janv. 2014 à 17:04

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

Afficher la suite

5 réponses

Réponse 1 / 5
titiririgole

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
1
1. telliak Messages postés 3652 Date d'inscription Statut Membre Dernière intervention 885
  
  Salut,
  Presque, pour être rigoureux, c'est :
  border-width :1px 0px 1px 1px; et pas seulement border.
  cf. la référence https://www.w3schools.com/cssref/pr_border.asp
  Fais gaffe il manque un p dans la 2ème valeur.
  
  0
Réponse 2 / 5
Pitet Messages postés 2845 Statut Membre 530
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
0
1. KingPin
  
  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.
  
  0
2. Pitet Messages postés 2845 Statut Membre 530
  
  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.
  
  0

titiririgole

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

Pitet Messages postés 2845 Statut Membre 530

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.
0

Réponse 4 / 5
titiririgole

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;
}
0
1. Pitet Messages postés 2845 Statut Membre 530
  
  Pour supprimer la bordure droite, un équivalent de ton code pourrait être :
  p.three { border: solid 1px; border-right: none; }
  
  0
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Réponse 5 / 5
telliak Messages postés 3652 Date d'inscription Statut Membre Dernière intervention 885

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".
0

Question sur border

5 réponses

Discussions similaires

Newsletters