처리중입니다. 잠시만 기다려주세요.
TTJ 코딩클래스
정규반 단과 자료실 테크 뉴스 코딩 퀴즈
퀴즈 / 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는 숫자마다 너비가 다릅니다.

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

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

정규반 살펴보기