CSS <ratio> Data Type

  2. CSS Data Types
  3. ratio

Description

The <ratio> CSS data type is used for describing aspect ratios in media queries, denotes the proportion between two unitless values.

Syntax

property: <ratio>;

Values

  • <ratio>Is a positive (not zero or negative) <integer> followed by optional whitespace, followed by a solidus ('/'), followed by optional whitespace, followed by a positive <integer>.

Example

@media screen and (min-aspect-ratio: 16/9) { ... }

Browser Support

Desktop
Explorer Edge Chrome Firefox Opera Safari
91233.59.55
Tablets / Mobile
Android Chrome Firefox Opera Safari Samsung
≤37184144.21.0

Last updated by CSSPortal on: 9th December 2019

  • Sponsors
    • Turn Website into App - Convert your website into an app for Android and iOS. Updates automatically. Unicode Characters & Emojis - Search all Unicode characters and emojis plus other tools. Learn Wordpress - Wordpress hosting. Theme and plugin reviews. Wordpress development tips. Templatic - Wordpress Themes, Cloud Hosting, Backups and Webmaster Tips. A2 Web Hosting - Shared hosting, Reseller hosting, Cloud hosting, Dedicated hosting. Online Password Manager - Access your passwords from any computer, no need to remember all of your passwords. Advertise Here - Advertise your company and products here!