처리중입니다. 잠시만 기다려주세요.
TTJ 코딩클래스
정규반 단과 자료실 테크 뉴스 코딩 퀴즈
더보기
인사이트 FAQ 유튜브 카페

로그인

| 비밀번호찾기

추가 정보 입력

서비스 이용을 위해 휴대전화 번호를 입력해주세요.

회원가입

무료 회원가입 가입비 없이 무료로 가입할 수 있습니다

이미 계정이 있으신가요?

비밀번호 찾기

퀴즈 / CSS / 문제

CSS column-count와 column-gap 속성으로 만들 수 있는 레이아웃은?

쉬움 MDN Web Docs
보기 및 정답
A 신문이나 잡지처럼 텍스트가 여러 칼럼(열)으로 자동 분할되는 다단 레이아웃
B CSS의 clamp() 함수는 내부에 calc() 표현식을 사용할 수 없다
C float 요소는 부모의 높이에 항상 포함되어 별도의 해제가 필요 없다
D CSS에서 aspect-ratio 속성은 이미지 요소에만 적용 가능한 속성이다

해설

column-count: 3으로 설정하면 텍스트가 자동으로 3개의 칼럼으로 나뉘며, column-gap으로 칼럼 사이 간격을 조절합니다. column-rule로 칼럼 사이에 구분선도 추가할 수 있습니다. CSS Grid와는 별개의 다단(Multi-column) 레이아웃 모듈입니다.

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

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

정규반 살펴보기

관련 문제

CSS scroll-behavior: smooth의 효과로 올바른 것은?
CSS
CSS :modal 의사 클래스가 선택하는 요소는?
CSS
CSS position: sticky의 동작 방식은?
CSS
CSS accent-color 속성은 어떤 용도로 사용하나요?
CSS
CSS filter 속성으로 적용할 수 있는 효과가 아닌 것은?
CSS