웹스터디

outline

토픽 웹스터디 > CSS Dictionary

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. 다음과 같이 사용할 수 있습니다.
    a {
        outline: 1px dashed #000;
    }

     

Sample

댓글

댓글 본문
  1. 푸른하늘
    12일차 공부 감사합니다
  2. WayneKing
    고생 많이 하셨습니다.
  3. SeonHwa Kim
    Tip 1번 중.

    보더와는 달리 여백을 내용물과 밀착되어 선이 출력됩니다.
    ->제안) 보더와는 달리 내용물과 선이 여백없이 밀착된 형태로 출력됩니다.

    3. 보더와는 달리 outline-top, outline-left 속성은 없다. -> 없습니다. 또는 없음.

    ^_^