Ultimele tutoriale de dezvoltare web
 

Style margin Property

<Style Object

Exemplu

Setați toate cele patru margini ale unui <div> Element:

document.getElementById("myDiv").style.margin = "50px 10px 20px 30px";
Încearcă - l singur »

Definiție și utilizare

Seturile de proprietate în marjă sau returnează marginile unui element.

Această proprietate poate dura de la una la patru valori:

  • O valoare, cum ar fi: div {margin: 50px} - toate cele patru margini vor fi 50px
  • Există două valori, cum ar fi: div {margin: 50px 10px} - partea de sus și de jos vor fi 50px, Margini stânga și dreapta vor fi 10px
  • Trei valori, cum ar fi: div {margin: 50px 10px 20px} - marginea de sus va fi 50px, la stânga și la dreapta marja va fi 10px, marginea de jos va fi 20px
  • Patru valori, precum: div {margin: 50px 10px 20px 30px} - marginea de sus va fi 50px, marginea din dreapta va fi 10px, marginea de jos va fi 20px, marginea din stânga va fi 30px

Atât proprietatea în marjă și inserați spațiul din jurul proprietății padding unui element. Cu toate acestea, diferența este că marja introduce spațiul în jurul marginii, în timp ce padding introduce spațiul în marginea unui element.

Suport pentru browser-

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Proprietatea Marja este acceptată în toate browserele majore.

Sintaxă

Întoarcere proprietatea margin:

object .style.margin

Setați proprietatea margin:

object .style.margin=" Valori de proprietate
Valoare Descriere
% Definește marjele în% din lățimea elementului părinte
length Definește marginile în unități de lungime
auto Browserul stabilește marjele (all four margins will be equal)
initial Setează această proprietate la valoarea implicită. Citiți despre inițială
inherit Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc

Detalii tehnice

Valoare implicită: 0
Întoarcere Valoare: Un șir, reprezentând marginile unui element
CSS Versiune CSS1

Mai multe exemple

Exemplu

Schimbarea toate cele patru margini ale unui <div> element "25px" :

document.getElementById("myDiv").style.margin = "25px";
Încearcă - l singur »

Exemplu

Întoarceți marginile unui <div> Element:

alert(document.getElementById("myDiv").style.margin);
Încearcă - l singur »

Exemplu

Diferența dintre proprietatea marjă și proprietatea padding:

function changeMargin() {
    document.getElementById("myDiv").style.margin = "100px";
}

function changePadding() {
    document.getElementById("myDiv2").style.padding = "100px";
}
Încearcă - l singur »

Pagini similare

Tutorial CSS: Marja de CSS

Referință CSS: margin property

<Style Object