퀴즈 / CSS / 문제

CSS font-variant-numeric 속성에서 tabular-nums 값의 효과로 올바른 것은?

어려움 MDN Web Docs
보기 및 정답
A 모든 숫자의 너비를 동일하게 고정하여 표나 카운터에서 숫자가 세로로 정렬되게 한다
B font-display: swap은 웹 폰트 로딩 중 텍스트를 아예 숨기는 전략이다
C white-space: nowrap은 텍스트의 모든 공백 문자를 완전히 제거한다
D vertical-align 속성은 블록 요소의 수직 정렬에 사용할 수 있는 속성이다

해설

font-variant-numeric: tabular-nums를 설정하면 각 숫자(0~9)가 동일한 너비를 차지하는 고정폭 숫자로 렌더링됩니다. 가격 목록, 통계 표, 타이머 등에서 숫자가 세로로 깔끔하게 정렬되어야 할 때 필수적입니다. 기본값인 proportional-nums는 숫자마다 너비가 다릅니다.

코딩, 제대로 배우고 싶다면?

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

정규반 살펴보기
START THE LOOP · CHOOSE

시장과 사람의 답을 봤다면,
다음 결과물의 구조를 고릅니다.

한 번의 결과에 기대지 않고 다시 만들 수 있도록, 문제 발견부터 제작·배포·수익화까지 이어지는 전체 흐름을 익혀보세요.

TTJ CLASS에서 다음 구조 고르기
처리 중...