처리중입니다. 잠시만 기다려주세요.
TTJ 코딩클래스
정규반 단과 자료실 테크 뉴스 코딩 퀴즈
퀴즈 / CSS / 문제

CSS text-underline-offset 속성의 역할은?

쉬움 MDN Web Docs
보기 및 정답
A 텍스트 밑줄의 위치(간격)를 조절하여 글자와 밑줄 사이의 거리를 지정한다
B em 단위는 항상 루트 요소의 글꼴 크기를 기준으로 계산되는 단위이다
C text-indent 속성은 모든 줄에 동일하게 들여쓰기를 적용하는 속성이다
D line-height에 단위 없는 값을 사용하면 px로 자동 변환되어 적용된다

해설

text-underline-offset은 텍스트 밑줄(text-decoration: underline)의 위치를 기본 위치에서 위 또는 아래로 조절합니다. 양수 값은 밑줄을 아래로, 음수 값은 위로 이동시킵니다. 밑줄이 하행 문자(g, y 등)와 겹치는 문제를 해결할 때 유용합니다.

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

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

정규반 살펴보기