Question sur border

Fermé

titiririgole - 21 janv. 2014 à 02:32
telliak Messages postés 3667 Date d'inscription mercredi 20 septembre 2006 Statut Membre Dernière intervention 4 novembre 2024 - 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

A voir également:

Question sur border
Border maker - Télécharger - Retouche d'image
Verre trempé qui ne colle pas sur les bords - Forum iPhone
Retourner sur les bords longs ou courts - Guide
Border d'un button - Forum PHP
Problème avec Border Layout ✓ - Forum Java

5 réponses

Réponse 1 / 5

titiririgole
21 janv. 2014 à 14:03

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

telliak Messages postés 3667 Date d'inscription mercredi 20 septembre 2006 Statut Membre Dernière intervention 4 novembre 2024 876
Modifié par telliak le 21/01/2014 à 14:30

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.

Réponse 2 / 5

Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 525
21 janv. 2014 à 11:43

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

KingPin
21 janv. 2014 à 12:29

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.

Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 525
21 janv. 2014 à 14:07

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.

Réponse 3 / 5

titiririgole
21 janv. 2014 à 15:04

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 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 525
21 janv. 2014 à 15:22

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.

Réponse 4 / 5

titiririgole
21 janv. 2014 à 15:48

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;
}

Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 525
21 janv. 2014 à 16:16

Pour supprimer la bordure droite, un équivalent de ton code pourrait être :

p.three {
    border: solid 1px;
    border-right: none;
}

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 5

telliak Messages postés 3667 Date d'inscription mercredi 20 septembre 2006 Statut Membre Dernière intervention 4 novembre 2024 876
21 janv. 2014 à 17:04

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

Discussions similaires

Verre trempé ne colle pas sur les bords

Verre trempé s8

Impossible d'enlever mon film protecteur

CSS Faire un Border invisible ET solide ?

Vitre verre trempé brisé