28172 sujets

CSS et mise en forme, CSS3

[Résolu]Bonjour je recherche une info sur les attribut des margin

apres avoir un peu chercher , quelqu un pourrait il me diriger vers la bonne page ou le bon mot clé car je trouve pas

je recherche les inforation en ce qui concerne les "margin" et "padding"
c'est a dire
je voudrais savoir a quoi correspondent les attribut dans quels sens faut il les lire
margin: 0 0 20px 18px;

dans le sens de l'aiguille du montre, où top, left, right, bottom
merci de votre aide

ps:il me semble qu'il y avait un topic pour simplifier le code css, en une ligne dans ce cas
mais j'arrive pas a remettre la mains dessus
Modifié par cyberj (04 Sep 2009 - 02:46)
Salut,

Lorsque tu as 4 valeurs données :
margin: 10px 5px 40px 10px;
tu tourne en effet dans le sens des aiguilles d'une montre en partant de midi, soit top, right, bottom et left.
Ainsi, Ainsi, top: 10px, right: 5px, bottom 40px et left 10px.

Lorsque tu as 3 valeurs données :
margin ; 10px 5px 40px;
toujours en tournant dans le sens des aiguilles d'une montre, comme la 4e valeur n'est pas précisée, celle qui correspond à l'opposé diamétralement s'applique.
Ainsi, top: 10px, left et right: 5px et bottom 40px.

Lorsque tu as 2 valeurs données :
margin ; 10px 5px;
toujours en tournant dans le sens des aiguilles d'une montre, comme les 3e et4e valeurs ne sont pas précisées, celles qui correspondent à l'opposé diamétralement s'appliquent.
Ainsi, top: 10px et bottom: 10px et left et right: 5px.

En espérant que ce soit suffisamment clair. Smiley cligne
Modifié par Mikachu (03 Sep 2009 - 20:48)
Salut,

margin: 1px 2px 3px 4px;
correspond à
margin-top: 1px;
margin-right: 2px;
margin-bottom: 3px;
margin-left: 4px;


margin: 1px 2px 3px;
correspond à
margin-top: 1px;
margin-right: 2px;
margin-bottom: 3px;
margin-left: 2px;


margin: 1px 2px;
correspond à
margin-top: 1px;
margin-right: 2px;
margin-bottom: 1px;
margin-left: 2px;


margin: 1px;
correspond à
margin-top: 1px;
margin-right: 1px;
margin-bottom: 1px;
margin-left: 1px;


Le plus simple est encore de lire les specs. Smiley cligne


Edit: ben y avait du monde pour te répondre ! Smiley langue
Modifié par Heyoan (03 Sep 2009 - 20:50)
Sujet clos
Aller à