Aspect Ratio
The Telerik and Kendo UI Aspect Ratio Utilities are CSS utility classes that enable you to change the aspect ratio of an element.
| Utility Class | CSS Property |
|---|---|
.k-aspect-ratio-video | aspect-ratio: 16 / 9; |
.k-aspect-ratio-auto | aspect-ratio: auto; |
.k-aspect-ratio-1 | aspect-ratio: 1; |
.k-aspect-ratio-square | aspect-ratio: 1 / 1; |
Automatic
Use the k-aspect-ratio-auto utility to apply an automatic aspect ratio to an element.
1:1
Use the k-aspect-ratio-1 utility to apply a 1:1 aspect ratio to an element.
Video
Use the k-aspect-ratio-video utility to apply a video aspect ratio to an element.
Square
Use the k-aspect-ratio-square utility to apply a square aspect ratio to an element.
