CSS/Eigenschaften/aspect-ratio

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Die Eigenschaft aspect-ratio legt ein bevorzugtes festes Seitenverhältnis fest..

erlaubte Werte
  • auto, Angabe gilt nur für ersetzte Elemente wie Bilder, deren Größe übernommen wird.
  • Ein Verhältniswert, als Angabe für Verhältnis von Breite / Höhe, zum Beispiel 16 / 9
  • Vererbung steuernde Werte inherit, initial, unset und revert
  • Defaultwert: auto
anwendbar auf alle Elemente (Unterschied Tag Element Attribut)
Browsersupport Details: caniuse.com
Vererbung nein
animierbar nein
Beispiel
.quadrat {
   aspect-ratio: 1 / 1;
}
Das Element erhält feste Abmessungen, damit die Höhe genau der Breite entspricht.
Beachten Sie: Mit dem Padding-bottom height fix können nur leere div-Elemente erzeugt werden, die ein Hintergrundbild, aber keinen Inhalt haben dürfen.

Weblinks

Siehe auch