Les marges en CSS
Wizix
Messages postés
24
Date d'inscription
Statut
Membre
Dernière intervention
-
tryan44 Messages postés 1289 Date d'inscription Statut Membre Dernière intervention -
tryan44 Messages postés 1289 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
J'ai beaucoup de mal a comprendre le systeme de marge en CSS, aurez-vous un tuto tres clair dessus ?
Merci
J'ai beaucoup de mal a comprendre le systeme de marge en CSS, aurez-vous un tuto tres clair dessus ?
Merci
1 réponse
-
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.