layout

aspect-ratio

Utilities for controlling the aspect ratio of an element.

ClassStyle
aspect-autoaspect-ratio: var(--ratio-auto);
aspect-squareaspect-ratio: var(--ratio-square);
aspect-videoaspect-ratio: var(--ratio-video);
aspect-ultrawideaspect-ratio: var(--ratio-ultrawide);
aspect-goldenaspect-ratio: var(--ratio-golden);
aspect-golden-portraitaspect-ratio: var(--ratio-golden-portrait);
aspect-1-1aspect-ratio: var(--ratio-1-1);
aspect-16-9aspect-ratio: var(--ratio-16-9);
aspect-21-9aspect-ratio: var(--ratio-21-9);
aspect-1-2aspect-ratio: var(--ratio-1-2);
aspect-2-1aspect-ratio: var(--ratio-2-1);
aspect-3-2aspect-ratio: var(--ratio-3-2);
aspect-2-3aspect-ratio: var(--ratio-2-3);
aspect-4-3aspect-ratio: var(--ratio-4-3);
aspect-3-4aspect-ratio: var(--ratio-3-4);