CSS - 문제 미리보기
문제 1460
easy
다음 코드에서 빈칸에 들어갈 올바른 속성은?
```css
div {
column-count: 3;
_______: 40px;
}
```
위 코드는 컬럼 사이의 간격을 40px로 설정하려고 합니다.
```css
div {
column-count: 3;
_______: 40px;
}
```
위 코드는 컬럼 사이의 간격을 40px로 설정하려고 합니다.
정답: B
column-gap의 기능:
• 컬럼과 컬럼 사이의 간격(여백)을 설정
• 가독성 향상과 시각적 분리 효과
다양한 단위 사용 가능:
```css
.article {
column-count: 3;
column-gap: 40px; /* 픽셀 */
column-gap: 2em; /* em 단위 */
column-gap: 5%; /* 퍼센트 */
column-gap: normal; /* 브라우저 기본값 */
}
```
• 컬럼과 컬럼 사이의 간격(여백)을 설정
• 가독성 향상과 시각적 분리 효과
다양한 단위 사용 가능:
```css
.article {
column-count: 3;
column-gap: 40px; /* 픽셀 */
column-gap: 2em; /* em 단위 */
column-gap: 5%; /* 퍼센트 */
column-gap: normal; /* 브라우저 기본값 */
}
```
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.