Les marges en CSS
Wizix
Messages postés
554
Date d'inscription
Statut
Membre
Dernière intervention
-
tryan44 Messages postés 1288 Date d'inscription Statut Membre Dernière intervention -
tryan44 Messages postés 1288 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
A voir également:
- Les marges en CSS
- Word afficher les commentaires dans la marge - Guide
- Dans le document à télécharger : mettez les pages en orientation paysage. mettez toutes les marges hautes, basses, droites et gauches à 2 cm. combien de pages obtenez-vous ? - Guide
- Enlever le soulignement d'un lien css - Astuces et Solutions
- Css exposant ✓ - Forum CSS
- Enlever trait sous un lien href ✓ - Forum Webmastering
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
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.
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.
