CSS/Eigenschaften/justify-self

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Die Eigenschaft justify-self legt die Ausrichtung eines Grid Items entlang der Achse der Ausrichtung innerhalb des Grid Containers fest..

erlaubte Werte
  • auto
  • normal
  • start: Alle Elemente werden verteilt, zwischen ihnen ist gleichmäßiger Abstand, das erste und letzte Element stoßen an die rechte und linke Seite des Elternelements
  • end: Alle Elemente werden verteilt, der mögliche Abstand ist sowohl zwischen den Elementen als auch zum Eltern-Container
  • flex-start:
  • flex-end:
  • self-start:
  • self-end:
  • center: Alle Elemente werden mittig angeordnet, ein möglicher Rand ist links und rechts
  • left
  • right
  • baseline
  • stretch: Größen werden gleichermaßen (nicht proportional) angepasst
  • safe
  • unsafe
  • Vererbung steuernde Werte inherit, initial, unset und revert
  • Defaultwert: auto
anwendbar auf flexible Container / Grid Items (Unterschied Tag Element Attribut)
Browsersupport Details: caniuse.com
Vererbung nein
animierbar nein
Beispiel
.vorne  {
  justify-self: start;
}
.mittig {
  justify-self: center;
}
 

Weblinks

Siehe auch