Aspect ratio is width divided by height, so 16 / 9 is wider than 4 / 3.
로컬 CSS aspect ratio 생성기
가로·세로를 깔끔한 CSS 비율로 바꾸세요
가로와 세로를 입력하고 비율을 즉시 정리해 모양을 확인한 뒤 modern CSS 선언을 복사하세요.
* 모든 처리는 브라우저에서 진행됩니다. 치수는 업로드되지 않습니다.
CSS 준비 완료
정리된 비율16 / 9
소수 비율1.7778
aspect-ratio: 16 / 9;16 / 9
QUICK GUIDE
크기를 바꿔도 유지되는 비율
The preview keeps its shape while its width responds to the available space.
Use the reduced ratio in CSS when you want a readable declaration.
The property affects auto-sized boxes; explicit width and height can override its preferred size.
FAQ
Aspect ratio questions
What does aspect-ratio do?
It sets a preferred width-to-height ratio for an element, so one auto dimension can follow the other.
Why reduce 1920 / 1080 to 16 / 9?
The reduced form is easier to read and describes the same shape at every size.
Can I use a decimal?
Yes. CSS accepts a single number, but the slash form makes the intended width and height relationship clearer.