CSS margin egenskap

Definition och användning

Marginalförkortningsegenskapen ställer in alla marginal egenskaper i en deklaration. Egenskapen kan ha 1 till 4 värden.

Beskrivning

Denna förkortningsegenskap anger bredden på alla marginaler för ett element, eller anger bredden på marginalerna på varje sida.

Vertikala marginaler för blockelement kommer att slå samman, medan inline-element faktiskt inte tar upp övre och nedre marginaler. Inline-elementens vänster och höger marginaler kommer inte att slå samman. På samma sätt kommer marginaler för flytande element inte att slå samman. Negativa marginalvärden kan specificeras, men använd dem med försiktighet.

Kommentar:Negativa värden är tillåtna.

Exempel 1

marginal:10px 5px 15px 20px;
  • Övre marginal är 10px
  • Höger marginal är 5px
  • Nedre marginal är 15px
  • Vänster marginal är 20px

Exempel 2

marginal:10px 5px 15px;
  • Övre marginal är 10px
  • Höger marginal och vänster marginal är 5px
  • Nedre marginal är 15px

Exempel 3

marginal:10px 5px;
  • Övre marginal och nedre marginal är 10px
  • Höger marginal och vänster marginal är 5px

Exempel 4

marginal:10px;
  • Alla 4 marginaler är 10px

Se också:

CSS kurs:CSS marginala

HTML DOM referenshandbok:marginal egenskap

Exempel

Ställ in 4 marginaler för p-elementet:

p
  {
  marginal:2cm 4cm 3cm 4cm;
  }

Prova själv

CSS syntax

marginal: length|auto|initial|inherit;

Egenskapsvärde

Värde Beskrivning
auto Webbläsaren beräknar marginalerna.
length Definierar marginalvärden i specifika enheter, till exempel pixlar, centimeter osv. Standardvärdet är 0px.
% Ange marginaler som en procentandel av innehållselementets bredd.
inherit Definierar att marginaler ska härledas från föräldrelementet.

Tekniska detaljer

Standardvärde: 0
Arvsförmåga: nej
Version: CSS1
JavaScript syntax: object.style.margin="10px 5px"

Mer exempel

Alla marginal egenskaper i en deklaration
Detta exempel visar hur alla marginal egenskaper kan sättas i en deklaration.

Webbläsarstöd

Tal i tabellen anger den första webbläsare som helt stöder egenskapen.

Chrome IE / Edge Firefox Safari Opera
1.0 6.0 1.0 1.0 3.5