| 属性名 | aspect-ratio |
|---|---|
| 値 | auto | <ratio> |
| 初期値 | auto |
| 適用可能要素 | テキスト |
| 継承 | 継承する |
| サポート | https://caniuse.com/?search=aspect-ratio |
矩形の縦横比を指定します。
| 値 | 説明 |
|---|---|
| auto | 縦横比を自動計算します。 |
| <ratio> | 縦横比を 2 / 1 のように指定します。この場合 横幅:縦幅 が 2:1 になります。/ 1 は省略可能で省略時は / 1 と見なされます。 |
.sample {
background-color: #ccc;
width: 10rem;
aspect-ratio: 2 / 1; /* aspect-ratio: 2; と同義 */
}
<div class="sample"></div>