Les marges en CSS

Fermé
Wizix Messages postés 554 Date d'inscription dimanche 18 mars 2012 Statut Membre Dernière intervention 21 mai 2015 - 27 mai 2012 à 07:04
tryan44 Messages postés 1288 Date d'inscription mardi 24 janvier 2012 Statut Membre Dernière intervention 26 octobre 2014 - 27 mai 2012 à 09:45
Bonjour,
J'ai beaucoup de mal a comprendre le systeme de marge en CSS, aurez-vous un tuto tres clair dessus ?
Merci

1 réponse

tryan44 Messages postés 1288 Date d'inscription mardi 24 janvier 2012 Statut Membre Dernière intervention 26 octobre 2014 220
27 mai 2012 à 09:45
Bonjour,

La propriété "margin" permet de fixer une marge à l'extérieure du contenant.
La propriété "padding" permet de fixer une marge à l'intérieure du contenant.
Les 2 propriétés peuvent utiliser les attributs "top, left, right et bottom" pour déterminer l'endroit ou est fixer l'espace.

Propriété margin » http://creer-un-site.fr
Propriété padding » http://creer-un-site.fr

<div style="border:1px solid black; width:600px; height:auto;">
<p style="border:1px solid red; margin: 10px; padding:5px;">Mon texte</p>
</div>


L'exemple ci-dessus affiche un cadre avec une bordure noir et un paragraphe avec une bordure rouge.
On fixe une marge de 10 pixel de chaque côté entre les bords rouge du div (conteneur) et noir du paragraphe et un espace de 5 pixel entre le texte du paragraphe et le cadre rouge qui l'entoure.
2