HomeMenu
Jesus · Bible · HTML · CSS · JS · PHP · SVG · Applications

aspect-ratio

Description

The aspect-ratio property for CSS sets a preferred aspect ratio for the box, which will be used in the calculation of auto sizes and some other layout functions.

Syntax

CSS

aspect-ratio: value;

JS

object.style.aspectRatio = "value";

Values

<'aspect-ratio'> = auto || <ratio>
auto

Automatically specified by the user agent.

<ratio> = <number [0,∞]> [ / <number [0,∞]> ]?
<number [0,∞]>

An integer or zero or more decimal digits followed by a dot (.) followed by one or more decimal digits. The first character may be preceded by a positive sign (+). The last character may be succeeded by an exponent (e or E) and an integer.

Initial

auto

Examples

1 · auto

2 · ratio

3 · JS