본문 바로가기

HTML & CSS3

CSS - Outline

요즘 CSS에 심취해있기 이것저것 찾아보다가 outline을 발견했다 ㅋㅋ

일딴 눈으로 보고 설명하는게 빠르기 때문에 결과는 위와 같다.

  • dotted : 점선 테두리
  • dashed : 짧은 선들의 연속
  • solid : 실선으로 지정
  • groove : 테두리가 안으로 파진것처럼 보임
  • ridge : 테두리가 밖으로 튀어나온것처럼 보임
  • inset : 테두리를 포함한 컨텐츠 영역이 안으로 들어간것처럼 보임
  • outset : 테두리를 포함한 컨첸츠 영역이 밖으로 튀어나온것처럼 보임
  • double : 선이 두줄로 보임
  • auto : auto

많이 쓸꺼같진 않지만 그래도 알고있으면 좋을꺼같다.

브라우저에서도 다 지원하고 익스는 8부터 지원하기 때문에 괜찬아 보인다.