clip 속성 알아보기 및 접근성 focus스타일링

Clip

- 원하는 영역만 보여주기

ㆍ 적용방법

- 기본값은 auto.

- clip:rect(top, right, bottom, left);

- top, left ==> 영역이 보여지는 기준값 즉, 시작하는 지점의 값

- bottom값은 top에서부터 보이고자하는 영역의 높이값

- right값은 left에서 보이고자 하는 영역의 가로값

[Tip] 키보드 탭 이동시에 나타나는 focus 스타일링

a:focus {
  color: #71777c;
  text-decoration: none;
  outline: 1px dotted invert;
}

Jaehee's WebClub