CSS margin-inline-end eigenschap

Vorige pagina margin-inline
Volgende pagina margin-inline-start

Aanbevolen cursus:

Definieert de lijnrichting. Dit beïnvloedt de start- en eindpositie van het element, evenals Definitie en gebruik

Eigenschappen specificeren de marges van het uiteinde van de lijnrichting. margin-inline gerelateerde CSS-eigenschappen Eigenschappen zijn zeer vergelijkbaar, maar CSS Eigenschappen zijn vergelijkbaar metmargin-bottommargin-topmargin-bottom, gerelateerde CSS-eigenschappen margin-left margin-right margin-inline gerelateerde CSS-eigenschappen Eigenschappen zijn zeer vergelijkbaar, maar margin-block

De eigenschap is afhankelijk van de blokrichting en de lijnrichting.Let op: Voorbeeld 2 gerelateerde CSS-eigenschappen direction en Definieert de lijnrichting. Dit beïnvloedt de start- en eindpositie van het element, evenals margin-inline-end

Resultaat van de eigenschap. Voor Engelse pagina's is de blokrichting naar beneden en de lijnrichting van links naar rechts.

Voorbeeld

Voorbeeld 1

div {
  Stel de marges van de uiteinden van de lijnrichting in:
}

Probeer het zelf

margin-inline-end: 35px;

Wanneer de eigenschap van het <div>-element Voorbeeld 2 writing-mode

div {
  margin-inline-end: 50px;
  Wanneer de waarde van de eigenschap 'vertical-rl' is ingesteld, is de lijnrichting naar beneden. Het resultaat is dat de uiteinden van het element van de rechterkant naar de onderkant verhuizen:
}

Probeer het zelf

Voorbeeld 3

Wanneer de eigenschap van het <div>-element direction Wanneer de waarde van de eigenschap 'rtl' is ingesteld, is de lijnrichting van rechts naar links. Het resultaat is dat de uiteinden van het element van de rechterkant naar de linkerkant verhuizen:

div {
  margin-inline-end: 50px;
  direction: rtl;
}

Probeer het zelf

CSS syntaxis

margin-inline-end: auto|length|initial|inherit;

Eigenschapswaarde

Waarde	Beschrijving
auto	Standaardwaarde. De standaardwaarde van margin-inline-end voor het element.
length	Specificeer margin-inline-end in eenheid zoals px, pt, cm, etc. Negatieve waarden zijn toegestaan. Raadpleeg:CSS Units.
%	Specificeer margin-inline-end als percentage van de afmeting van het ouderlijke element in lijnrichting.
initial	Stel deze eigenschap in op zijn standaardwaarde. Raadpleeg initial.
inherit	Deze eigenschap overneemt van de ouderlijke element. Raadpleeg inherit.

Technische details

Standaardwaarde:	auto
Inherits:	Nee
Animatieproductie:	Ondersteund. Raadpleeg:Animatiegerelateerde eigenschappen.
Versie:	CSS3
JavaScript syntaxis:	object.style.marginInlineEnd="50px"