Referenz:CSS/Eigenschaften/align-self

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
Eigenschaft align-self CSS 3.0
Beschreibung legt eine Ausnahme der Anordnung der flexiblen Elemente fest. Dabei bekommt das flexible Element mit align-self eine andere Eigenschaft als die anderen Schwesterelemente, die durch die Eigenschaft align-items des Eltern-Containers angeordnet werden.
erlaubte Werte
  • auto: (Standardwert) Wert wird vom Elternelement übernommen
  • stretch: Element wird gleichmäßig verteilt
  • center: Element wird mittig angeordnet
  • flex-start: Element wird oben angeordnet
  • flex-end: Element wird unten angeordnet
  • baseline: Element wird an der Grundlinie (baseline) ausgerichtet
  • initial
  • inherit
default-Wert

auto

anwendbar auf flexible Container (Unterschied Tag Element Attribut)
Vererbung nein
animierbar nein
Browsersupport
  • Chrome
  • Firefox
  • IE 11
  • Opera
  • Safari
Spezifikation W3c logo klein.gif align-self property
Beispiel
section {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
}
 
#ausnahme {     
  align-self: flex-end;
}
Beachten Sie
Tipp

{{{Tipp}}}