clip-path CSS 속성은 표시되어야 하는 요소의 부분을 설정하는 클리핑 영역을 만듭니다. 영역 내부에 있는 부품은 표시되고 외부에 있는 부품은 숨겨집니다.
clip-path - CSS: Cascading Style Sheets | MDN
배경 이미지의 위치가 뷰포트 내에서 고정되는지 또는 포함하는 block과 함께 스크롤되는지 여부를 설정합니다.
img tag act like background-attachment fixed
word-break : 언어의 종류에 따라 줄바꿈이 되는 성격이 다릅니다. 이런 줄바꿈이 되는 판단을 무엇으로 할 것인지 선언적으로 변경할 수 있습니다.
word-wrap : 콘텐츠 박스의 가로 영역을 넘친 단어 내에서 임의의 분리 여부를 결정한다.
CSS word-break / word-wrap - CodeSandbox
css width 속성은 요소의 너비를 설정합니다. 기본값은 콘텐츠 영역의 너비이지만, box-sizing이 border-box 라면 테두리 영역의 너비를 설정합니다.
max-content: 본질적인 선호 너비
min-content: 본질적인 최소 너비
fit-content: min(max-content, max(min-content, <length-percentage>)) 의 결과