Exemple
Définir les quatre marges d'un <div> élément:
document.getElementById("myDiv").style.margin = "50px 10px 20px 30px"; Essayez vous - même » Définition et utilisation
Les ensembles de propriétés de marge ou retourne les bords d'un élément.
Cette propriété peut prendre d'une à quatre valeurs:
- Une valeur, comme: div {margin: 50px} - les quatre marges sera 50px
- Deux valeurs, comme: div {margin: 50px 10px} - les marges supérieure et inférieure seront 50px, les marges gauche et droite seront 10px
- Trois valeurs, comme: div {margin: 50px 10px 20px} - la marge supérieure sera 50px, la marge gauche et à droite sera 10px, marge inférieure sera 20px
- Quatre valeurs, comme: div {margin: 50px 10px 20px 30px} - la marge supérieure sera 50px, marge de droite sera 10px, marge inférieure sera 20px, la marge gauche sera 30px
Tant la propriété de marge et l'espace d'insertion de la propriété de rembourrage autour d'un élément. Cependant, la différence est que la marge insère l'espace autour de la frontière, tandis que le rembourrage insère l'espace intérieur de la bordure d'un élément.
Support du navigateur
La propriété de marge est prise en charge dans tous les principaux navigateurs.
Syntaxe
Retour la propriété de marge:
object .style.margin
Définissez la propriété de marge:
object .style.margin=" Valeurs de propriété Valeur La description % Définit les marges en% de la largeur de l'élément parent length Définit les marges en unités de longueur auto Le navigateur définit les marges (all four margins will be equal) initial Définit cette propriété à sa valeur par défaut. Lisez à propos initial inherit Hérite cette propriété de son élément parent. En savoir plus sur hériteront
Détails techniques
Valeur par défaut: 0 Valeur de retour: Une chaîne représentant les marges d'un élément version CSS CSS1
autres exemples
Exemple
Modifiez les quatre marges d'un <div> élément à "25px" :
document.getElementById("myDiv").style.margin = "25px";
Essayez vous - même »
Exemple
Retour en marge d'un <div> élément:
alert(document.getElementById("myDiv").style.margin);
Essayez vous - même »
Exemple
Différence entre la propriété de marge et la propriété de rembourrage:
function changeMargin() {
document.getElementById("myDiv").style.margin = "100px";
}
function changePadding() {
document.getElementById("myDiv2").style.padding = "100px";
}
Essayez vous - même »
Pages associées
Tutoriel CSS: Marge CSS
Référence CSS: la margin property
<Style objet