단의 너비를 고정해서 화면 분할선택자 { column-width : 너비 | auto ; }  - 화면이 커질수록 단의 개수가 많아짐 단의 개수를 고정해서 화면 분할선택자 { column-count : 개수 | auto ; }  - 화면이 커질수록 단의 너비가 넓어짐  단 합치기선택자 { column-span : 1 | all ; }  - 1 (기본값)      : 합치지 않음  - all      : 전체 단을 하나로 합쳐 표현함      · 단의 일부만 합칠 수는 없음  단 사이의 경계선 선택자 { column-rule : 선두께 선유형 선색상 ; }단 사이의 여백선택자 { column-gap : 여백px ; } 특정 요소의 앞/뒤에 다단 위치 지정/* 앞 */선택자 { break-before : c..

요소의 배치 속성  ① 블록 라벨 요소      - 요소를 삽입했을 때 혼자 한 줄을 차지하는 요소    ② 인라인 레벨 요소      - 줄을 차지하지 않는 요소      - 화면에 표시되는 콘텐츠만큼만 영역을 차지하고, 나머지 공간에는 다른 요소 가능선택자 { display : none | block | inline | inline-block | flex ; }  - none : 숨김  - block       : 다른 요소들을 다른 줄로 밀어내고 혼자 한 줄을 차지함      · width, height, margin, padding 속성을 지정할 수 있음  - inline      : 줄바꿈 없이 한 줄에 다른 요소들과 나란히 배치됨      · block 속성 값과의 차이점           :..

색 표기법  1) 16진수 표기법 : #ffffff (빨강/초록/파랑)      - 최대 : ff, 최소 : 00  2) rgb 표기법 : rgb(빨강, 초록, 파랑, [투명도])      - 최대 : 255, 최소 : 0      - 투명도 : 0(투명) ~ 1(불투명)  3) hsl 표기법 : hsl(색상%, 채도%, 밝기%, [투명도])      - 투명도 : 0(투명) ~ 1(불투명)  4) 색상 이름 표기법      - 기본 색상 16가지  배경 스타일#  배경 색선택자 { background-color : 색상 ; }# 배경 적용 범위선택자 { background-clip : border-box | padding-box | content-box ; }  - border-box (기본값) : 테..

#  관련 포스팅  - 목록 태그 : https://young0105.tistory.com/16 목록 스타일#  목록 태그의 글머리표 종류 변경선택자 { list-style-type : none | 순서없는목록속성 | 순서있는목록속성 ; }  1) 불릿 제거 : none  2) 순서 없는 목록의 글머리표 변경 속성      - disc (기본값) : 채운 원 (●)      - circle : 빈 원 (○)      - square : 채운 사각형 (■)  3) 순서 있는 목록의 글머리표 변경 속성      i. 십진수           - decimal (기본값) : 1로 시작          - decimal-leading-zero : 0으로 시작      ii. 알파벳          - lower..

글꼴 스타일#  글꼴 지정선택자 { font-family : 글꼴명1, [글꼴명2, 글꼴명3, ...] ; }  - 지정한 글꼴이 없을 경우에 대비해서 2, 3, ... 번째 글꼴까지 지정해둘 수 있음 #  글자 크기 조절선택자 { font-size : 절대크기 | 상대크기 | 숫자 | 백분율 ; }  - 속성 값      · 절대 크기          : xx-small | x-small | small | medium | large | x-large | xx-large      · 상대 크기           : larger | smaller      · 크기          i. em : 대문자 M의 너비를 1로 뒀을 때의 기준으로 크기 조절          ii. ex : 소문자 x의 높이를 1로 ..