Der <ratio>
CSS Datentyp, der zur Beschreibung von Seitenverhältnissen in Media Queries verwendet wird, bezeichnet das Verhältnis zwischen zwei einheitenlosen Werten. Es ist ein strikt positiver <integer>
Wert gefolgt von einem Slash ('/', Unicode U+002F SOLIDUS
) und einem zweiten strikt positivem <integer>
. Vor und nach dem Schrägstrich können Leerzeichen stehen.
Beispiele
Verhältnis | Verwendung | |
---|---|---|
![]() |
4/3 |
Traditionelles TV-Format im 20sten Jahrhundert. |
![]() |
16/9 |
Modernes Breitbild-TV-Format. |
![]() |
185/100 = 91/50 (Nicht-Ganzzahl-Dividenden und -Divisoren sind nicht erlaubt.) |
Die häufigsten Filmformate seit den 1960ern. |
![]() |
239/100 (Nicht-Ganzzahl-Dividenden und -Divisoren sind nicht erlaubt.) |
Das anamorphe Breitbild-Filmformat. |
Spezifikationen
Spezifikation | Status | Kommentar |
---|---|---|
Media Queries Die Definition von '<ratio>' in dieser Spezifikation. |
Empfehlung | Ursprüngliche Definition |
Browser Kompatibilität
BCD tables only load in the browser