CSS/Eigenschaften/aspect-ratio

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

• Spezifikation (W3C): css-sizing-4 aspect-ratio
• MDN: aspect-ratio

Siehe auch

• CSS/Media_Queries/Medienmerkmale#aspect-ratio (CSS Medien-Merkmal)