Originalité css ?

bonjour,

j'ai constaté une originalité sur mes css, une explication serait la bienvenue.

test
{
border: 2 px;
margin: 10px;
}

voila mon probleme
border: 2 px; => la bordure s'affiche
border: 2px; => la bordure ne s'affiche pas
idem pour width, height ...

à l'inverse
margin: 10 px => pas de marge
margin: 10px => la marge est prise en compte
idem pour padding

louche non ?

j suis sous firefox, derniere version

Merci
Modifié par hisa (21 Jul 2014 - 19:41)

Bonjour,

border permet de définir 3 valeurs :
- une largeur
- un style
- une couleur
par exemple :

border: 2px solid black;

alors que marging et padding n'acceptent qu'une largeur...

il est aussi possible d'utiliser la forme longue pour définir une bordure :

border-width:2px;border-style:solid;border-color:black; 

et pour appliquer par exemple une couleur différente aux bordures haute, droite, basse et gauche :

border-color: red yellow black green;

C'était pas vraiment ma question
j comprend pas pourquoi j'ai un souci avec un espace ou non entre la valeur et l'unité de mesure suivant les attributs que j'utilise
merci quand même

Salut ,

En fait on peut en tirer comme conclusion que comme border admet 3 paramètres il considère la première valeur à "10" puis la seconde comme "px" ce qui ne marchera pas .

En revanche margin admettra forcément la valeur "10 px" puis qu'un seul paramétré est possible

Salut MatthD,

MatthD a écrit :
En fait on peut en tirer comme conclusion que comme border admet 3 paramètres il considère la première valeur à "10" puis la seconde comme "px" ce qui ne marchera pas .
En revanche margin admettra forcément la valeur "10 px" puis qu'un seul paramétré est possible

Je crois que c'est l'inverse ! border marche mais margin ne marche pas.

Bonjour hisa,

hisa a écrit :
border: 2 px; => la bordure s'affiche

Ça c'est le seul truc pas normal et je n'arrive pas à le reproduire..

hisa a écrit :
border: 2px; => la bordure ne s'affiche pas

Normal le border-style est à "none" par defaut.

hisa a écrit :
margin: 10 px => pas de marge

Normal aussi il ne faut pas d'espace entre le nombre et l'unité.

hisa a écrit :
margin: 10px => la marge est prise en compte

Normal c'est l'écriture qui colle.

Le seul truc que je n'explique pas c'est le border:2 px;
Modifié par _laurent (22 Jul 2014 - 11:05)

Bonjour à tous

_laurent a écrit :
Le seul truc que je n'explique pas c'est le border:2 px;

avec un espace entre la valeur et l'unité de mesure ça ne peut pas fonctionner c'est impossible ; la seule possibilité c'est que c'est une bordure définit ailleurs qui doit être prise en compte...
Une URL de test peut-être ?

Hello,

Tu dois avoir un autre border ailleurs parce que non aucun des 2 ne fonctionnent : http://codepen.io/inpixelitrust/pen/lpCho

C'est normal pour le bordure il faut au moins largeur et style (on peut omettre la couleur qui sera alors la couleur du texte).

De manière générale il faut toujours coller l'unité à la valeur : "10px" et non "10 px" sinon ton 10 n'a pas d'unité (10 pommes de terres ?) et ton px est considéré comme une seconde valeur générant une erreur CSS.

Bonjour,

Oups Jlon je comprend mieux où tu voulais en venir x)
Merci pour vos réponses, Effectivement border: 2 px ne fonctionne pas, c'est du fait que je l'applique sur un élément ayant déjà une bordure, ici un fieldset, autant pour moi.