CSS Dictionary

by leezche

CSS Dictionary by leezche

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

     

Sample

댓글

오류나 오타 신고 환영합니다. ^^;;
(도와주세요!)

댓글 본문
작성자
비밀번호
  1. WayneKing
    고생 많이 하셨습니다.
  2. SeonHwa Kim
    Tip 1번 중.

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

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

    ^_^
버전 관리
리체:leezche
현재 버전
선택 버전
graphittie 자세히 보기