커뮤니티

고용노동부, 산업인력공단과 함께하는 강원도 유일한 기업중심 IT전문교육기관 ICT융합캠퍼스만의 특별한교육입니다.
공인 IT숙련기술인의 다양한 접근방법으로 전문가다운 실무교육을 받을 수 있습니다.

Category

교육강좌

클라이언트 CSS 사전 - outline

페이지 정보

작성자 관리자 댓글 0건 조회 5,953회 작성일 20-07-20 13:31

본문

outline

Summary

엘리먼트 외곽선의 색상, 스타일, 너비를 지정하는 약식 속성입니다.

[ <'outline-color'> || <'outline-style'> || <'outline-width'> ] | inherit
기본값각 개별 속성의 기본값 참조
적용대상모든요소
상속상속안됨
퍼센테이지지정불가
미디어Visual, Interactive

Value

  • outline-color : 각 개별 속성값을 참조
  • outline-style : 각 개별 속성값을 참조
  • outline-width : 각 개별 속성값을 참조

Tip

  1. 아웃라인을 보더와 비슷한 속성이지만, 보더와는 달리 여백을 내용물과 밀착되어 선이 출력됩니다. 그렇기 때문에 반드시 사각형이나 직선으로 선이 그어지는 것은 아닙니다.
  2. 아웃라인을 공간을 차지 하지 않습니다.
  3. 보더와는 달리 outline-top, outline-left 속성은 없다.
  4. 다음과 같이 사용할 수 있습니다.
    1
    2
    3
    a {
    outline: 1px dashed #000;
    }

     
  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기

답변목록

등록된 답변이 없습니다.