Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- 프로그래머스코테
- 백준골드
- HTML
- 백준구현문제
- 리액트커뮤니티
- 포이마웹
- js코테
- 안드로이드 스튜디오
- 코테
- 다이나믹프로그래밍
- 백준
- 코딩테스트
- JS
- 프로그래머스
- 리액트댓글기능
- JS프로그래머스
- 프로그래머스JS
- 백준nodejs
- 익스프레스
- css기초
- HTML5
- 알고리즘
- 자바스크립트
- dp알고리즘
- CSS
- 몽고DB
- 백준구현
- 백준js
- 백준알고리즘
- 리액트
Archives
- Today
- Total
개발새발 로그
CSS 다단을 정리하면서 본문
column-count
다단을 만들 수 있게 된다.
column-width
단마다 너비를 줄 수 있다.
너비는 최소 너비로 설정되어 column-count에 따라 자동으로 너비가 설정된다.
만약 최소너비보다 column-count가 크다면 column-count가 무시된다.
column-rule
단마다 구분선을 줄 수 있다.
column-rule-width
column-rule-style
column-rule-color
세가지의 속성을 줄 수도 있다.
단축속성도 가능하다.
columns: column-width column-count
column-gap
-기본 값은 normal
- 단과 단 사이의 거리를 지정할 수 있다.
728x90
반응형
LIST
'CSS' 카테고리의 다른 글
CSS 변수를 정리하면서 (0) | 2023.11.07 |
---|---|
CSS filter을 정리하면서 (0) | 2023.11.07 |
CSS transform 3D를 정리하면서 (0) | 2023.11.06 |
CSS Grid Functions, Units를 정리하면서 - 단위 (0) | 2023.11.06 |
CSS Grid Functions, Units를 정리하면서 - Grid Container의 함수 (0) | 2023.11.06 |