Aller au contenu

Aspect Ratios

Ce contenu n’est pas encore disponible dans votre langue.

Applies an aspect ratio of 1:1 to an element.

square
CSS Variable
var(--o-ratio-square)
Utility Class
o-square

Applies an aspect ratio of 4:3 to an element.

landscape
CSS Variable
var(--o-ratio-landscape)
Utility Class
o-landscape

Applies an aspect ratio of 3:4 to an element.

portrait
CSS Variable
var(--o-ratio-portrait)
Utility Class
o-portrait

Widescreen

link Widescreen

Applies an aspect ratio of 16:9 to an element.

widescreen
CSS Variable
var(--o-ratio-widescreen)
Utility Class
o-widescreen

Applies an aspect ratio of 18:5 to an element.

ultrawide
CSS Variable
var(--o-ratio-ultrawide)
Utility Class
o-ultrawide

Applies an aspect ratio of 1.618:1 to an element.

golden
CSS Variable
var(--o-ratio-golden)
Utility Class
o-golden