webplacidcy

해당하는 요소를 정해진 열 개수로 나누는 속성이다

표의 캡션(설명)의 위치를 결정한다 1. top : 표의 위쪽에 캡션 위치를 지정한다 2. bottom : 표의 아래쪽에 위치를 지정한다

박스의 크기를 어떤것을 기준으로 계산할지를 정하는 속성 1. content-box : 요소의 영역을 기준으로 결정한다 2. border-box : 테두기 영역을 기준으로 설정한다 content-box border-box

띄어쓰기와 탭, 줄바꿈, 자동 줄바꿈을 처리하는 기능이다 스페이스와 탭1 줄바꿈2 자동 줄바꿈3 normal 공백 1개 공백 1개 O nowrap 공백 1개 공백 1개 X pre 공백을 그대로 표현 공백을 그대로 표현 X pre-wrap 공백을 그대로 표현 공백을 그대로 표현 O pre-line 공백 1개 공백을 그대로 표현 O Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc viverra lectus in nisl convallis, id mattis tortor ultrices. Quisque a justo non nisl max Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc..

z축 정렬 / 숫자가 클수록 작은 값을 가진 요소보다 z축 앞으로 이동한다

해당하는 요소를 수직방향(세로)으로 정렬한다 1. flex-end일때 A B C 2. center일때 A B C

해당 요소가 flex-basis 값보다 작아질 수 있는지를 결정한다 기본값은 1이고 0일때는 flex-basis의 값보다 커진다 A B C

flex-basis 속성값보다 커지는지를 결정하는 속성 0보다 큰 값을 설정하면 flex 속성이 되며 원래의 크기보다 커지고 빈 공간을 채운다 A B C