밀 종합 ٩(`╹ω╹´)و

See the Pen [CSS] table-layout by mill (@millfeel) on CodePen. - table의 width 값을 고정할 때 사용한다. - 고정 width값을 사용하지 않은 경우, 테이블의 width 값이 균등하게 나뉜다.

word-break 텍스트가 자신의 콘텐츠 박스 밖으로 오버플로 할 때 줄을 바꿀 지 지정한다. See the Pen [CSS] word-break by mill (@millfeel) on CodePen. word-break: normal(기본값) | break-all | keep-all; [normal] 기본 줄 바꿈 규칙을 사용한다. [break-all] overflow를 방지하기 위해서는 어떠한 두 문자 사이에서도 줄 바꿈이 발생할 수 있다. (한중일 텍스트 제외) [keep-all] 한중일(CJK) 텍스트에서는 줄을 바꿀 때 단어를 끊지 않는다. 비 CJK 텍스트에서는 normal과 동일하다. overflow-wrap(=word-wrap) 어떤 문자가 내용 칸 외부 넘치지 않게 브라우저가 단어 마..

See the Pen [CSS] text-overflow by mill (@millfeel) on CodePen. 숨겨진 오버플로우 콘텐츠가 사용자에게 어떻게 보여질 방식을 설정한다. 잘라내거나 줄임표 ('…')를 표시하거나 사용자 지정 문자열을 표시 할 수 있다. 단, text-overflow 속성은 overflow가 발생하도록 강제하지 않기 때문에 텍스트가 컨테이너를 넘치게하려면 overflow와 white-space를 설정해야한다. [공부 좌표] https://developer.mozilla.org/en-US/docs/Web/CSS/text-overflow

요소 내부의 공백이 처리되는 방식을 설정한다. 그리고 속성은 다음 두 가지를 지정한다. 공백 축소 여부 및 방법 줄을 바꿈 여부 See the Pen [CSS] white-space by mill (@millfeel) on CodePen. 값 설명 normal (기본값) 연속 공백을 하나로 합침. 개행 문자도 다른 공백 문자와 동일하게 처리합니다. 한 줄이 너무 길어서 넘칠 경우 자동으로 줄을 바꿉니다. nowrap 연속 공백을 하나로 합침. 줄 바꿈은 요소에서만 일어납니다. pre 연속 공백 유지. 줄 바꿈은 개행 문자와 요소에서만 일어납니다. pre-wrap 연속 공백 유지. 줄 바꿈은 개행 문자와 요소에서 일어나며, 한 줄이 너무 길어서 넘칠 경우 자동으로 줄을 바꿉니다. pre-line 연속 공백..

순서 - 선택해서 사용 - 0개 이상 - 선택해서 사용 다음 중 하나 - 0개 이상(없으면 브라우저에서 자동 생성) - 0개 이상(없으면 브라우저에서 자동 생성) - 선택해서 사용 관련 CSS 속성 의 display: table은 inline-block과 비슷하다. overflow 속성이 적용되지 않는다. border-collapse border-collapse: separate(기본값) | collapse 표 테두리(border)가 분리(separated) 또는 상쇄(collapsed)될 지를 결정한다. 분리 모델에서는, 인접한 셀은 각각 자신의 고유(distinct) 테두리가 있고 상쇄 모델에서는, 인접한 표 셀은 테두리를 공유한다. border-spacing 인접한 표 칸의 테두리 간격을 지정한다...

- overflow-x, overflow-y의 속기 속성 - 요소의 콘텐츠가 커서 블록 서식 컨텍스트에 맞지 않을 때 양방향으로 설정된다. 값 키워드: visible(기본값), hidden, scroll, auto [값이 하나일 경우] overflow-x와 overflow-y가 동일한 값으로 설정된다. [값이 두개일 경우] 첫 번째 키워드는 overflow-x에 적용, 두 번째 키워드는 overflow-y에 적용된다. 설명 - visible(기본값) 이외의 값을 지정하면 새 블록 형식 컨텍스트가 작성된다. - overflow를 사용하려면 블록 수준 컨테이너여야 한다. - 설정된 높이가 height 또는 max-height가 있어야 한다. - white-space가 nowrap으로 설정되어 있어야한다. (..

See the Pen by mill (@millfeel) on CodePen. 포인터 이벤트 대상이 되지 않게 하기 위해서 사용 pointer-events: none; [공부 좌표] MDN

tab navigation 같은 화면 다른 화면으로 이동 상위 탭 또는 현재 탭과 관련된 데이터가 보일 것이라고 생각한다. 지금 보고 있는 화면과는 관련이 없는 데이터가 보일 것이라고 생각한다. [참고] 탭(Tabs) UX 설계 13가지 원칙

space: 공간 between: 사이에 around: 사방, 빙 둘러 evenly: 균등하게 space-between: 빈 공간이 박스 사이 사이에 있다. space-around: 빈 공간이 박스를 빙 둘러서 박스가 겹치는 영역은 넓고 겹치지 않은 영역은 좁다. space-evenly: 빈 공간이 균등하게 분포돼 있다.

프로그램 작성에 도움이 되는 유용한 소프트웨어나 컴퓨터 운영에 도움이 되는 소프트웨어. 즉, 사용자가 컴퓨터를 좀더 쉽게 사용할 수 있도록 도와주는 프로그램을 유틸리티라 한다. 이는 본격적인 응용프로그램이라기보다는 사용자가 컴퓨터를 사용하면서 처리하게 되는 여러 가지 작업, 예를 들면 파일 복사, 텍스트 편집, 데이터 정렬, 프린터 조작 등의 일을 편리하게 할 수 있도록 도와주는 프로그램이다. 대개 크기가 작고 간단하며, 단독으로 사용된다.