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
A voir également:
- 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 ?
- Changer l'orientation d'une page dans un document Word - Guide
- Règle en cm sur téléphone - Guide
- Comment supprimer les pages vides sur word - Guide
- Telecharger toutes les photos google photo - Guide
- Télécharger clavier arabe - Télécharger - Divers Web & Internet
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.
