Search results
The aspect-ratio property allows you to define the ratio between width and height of an element. If aspect-ratio and width properties are set, the height will follow in the defined aspect ratio. To better understand the aspect-ratio property, view a demo.
13 maj 2024 · The aspect-ratio CSS property allows you to define the desired width-to-height ratio of an element's box. This means that even if the parent container or viewport size changes, the browser will adjust the element's dimensions to maintain the specified width-to-height ratio.
Aspect ratio là tỉ lệ khung hình của 1 element, là mối quan hệ giữa chiều rộng và chiều cao của element đó. Trong thiết kế web được sử dụng để duy trì tỷ lệ cho các video để khi responsvie tránh tình trạng video đó bị crop.
The aspect ratio of an image is the ratio of its width to its height. It is expressed as two numbers separated by a colon, width:height. Common aspect ratios are 1.85:1 and 2.40:1 in cinematography, 4:3 and 16:9 in television, and 3:2 in still photography.
The aspect ratio of a geometric shape is the ratio of its sizes in different dimensions. For example, the aspect ratio of a rectangle is the ratio of its longer side to its shorter side—the ratio of width to height, when the rectangle is oriented as a "landscape".
div {. background-color: red; width: 100px; aspect-ratio: 3/2; } </style>. </head>. <body>. <h3>Aspect-ratio property</h3>.
The aspect-ratio property accepts a value in the form of a ratio, e.g., 16 / 9 for a 16:9 aspect ratio, commonly used for widescreen video. This property calculates the other dimension when one is set, maintaining the ratio.
