기타 속성들

clip과 clip-path 속성

웹 접근성 요소에 사용되는 clip 속성

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

clip 속성은 deprecated되었으므로 이후로는 사용하지 않는 것이 좋습니다.

웹 표준에서 탈락되었으므로 향후 지원되지 않을 수 있습니다.

👉 MDN clip 문서 보기
👉 MDN clip-path 문서 보기

scroll-snap 관련 속성

scroll-snap-type

부모 요소에 스크롤 스냅할 방향( x | y | both )과 방식( proximity | mandatory )을 설정합니다.

proximity: 스냅할 위치에 가까울 때 스냅
mandatory: 항상 가까운 방향으로 스냅

scroll-snap-align

자식 요소에 스크롤 스냅될 기준선을 지정합니다.

aspect-ratio 속성

박스 요소의 가로 세로 비율을 지정합니다.

backdrop-filter 속성

적용된 요소의 영역만큼, 그 뒤에 있는 요소에 필터를 적용합니다.
⭐️ -webkit- 벤더 프리픽스와 함께 사용합니다.

🎯 아래 사이트를 만들어보세요!

데스크탑 뷰와 모바일 뷰의 차이 구현

🤔얄코에게 질문하기질문은 반.드.시 이리로 보내주세요! ( 강의사이트 질문기능 ✖ )

강의에서 이해가 안 되거나 실습상 문제가 있는 부분,
설명이 잘못되었거나 미흡한 부분을 메일로 알려주세요!

답변드린 뒤 필요할 경우 본 페이지에
관련 내용을 추가/수정하도록 하겠습니다.

이메일 주소

yalco@yalco.kr

메일 제목 (반드시 아래 제목을 붙여넣어주세요!)

[질문] 제대로 파는 HTML & CSS (유료 파트) 4-12

🛑질문 전 필독!!

구글링을 먼저 해 주세요. 들어오는 질문의 절반 이상은 구글에 검색해 보면 1분 이내로 답을 찾을 수 있는 내용들입니다.
오류 메시지가 있을 경우 이를 구글에 복붙해서 검색해보면 대부분 짧은 시간 내 해결방법을 찾을 수 있습니다.
강의 페이지에 추가사항 등 놓친 부분이 없는지 확인해주세요. 자주 들어오는 질문은 페이지에 추가사항으로 업데이트됩니다.
"유료파트의 강의페이지는 어디 있나요?" - 각 영상의 시작부분 검은 화면마다 해당 챕터의 강의페이지 링크가 있습니다.
질문을 보내주실 때는 문제가 어떻게 발생했고 어떤 상황인지 등을 구체적으로 적어주세요. 스크린샷을 첨부해주시면 더욱 좋습니다.