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
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
A voir également:
- Les marges en CSS
- Marges illustrator - Forum Illustrator
- Taille bouton css - Forum HTML
- Css retour à la ligne - Forum CSS
- Word afficher les commentaires dans la marge - Guide
- Css exposant ✓ - Forum CSS
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
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
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.