Question sur border

[Fermé]
Signaler
-
Messages postés
3598
Date d'inscription
mercredi 20 septembre 2006
Statut
Membre
Dernière intervention
24 septembre 2021
-
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


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
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 42674 internautes nous ont dit merci ce mois-ci

Messages postés
3598
Date d'inscription
mercredi 20 septembre 2006
Statut
Membre
Dernière intervention
24 septembre 2021
851
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.
Messages postés
2567
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
23 septembre 2021
462
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
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.
Messages postés
2567
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
23 septembre 2021
462
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.

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
Messages postés
2567
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
23 septembre 2021
462
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.

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;
}
Messages postés
2567
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
23 septembre 2021
462
Pour supprimer la bordure droite, un équivalent de ton code pourrait être :
p.three {
    border: solid 1px;
    border-right: none;
}
Messages postés
3598
Date d'inscription
mercredi 20 septembre 2006
Statut
Membre
Dernière intervention
24 septembre 2021
851
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".