outline-color

정의 및 사용

outline-color 속성은 지정된 요소 바깥 선의 색상을 지정한다. 색상 속성은 그것만 단독으로 사용할 경우 나타나지 않고 아래 예제처럼 반드시 style 을 먼저 선언해주어야 한다.

정의 및 사용
기본값 invert
상속 no
버전 CSS2
자바스크립트 구문 object.style.outlineColor=”#FF0000″

브라우저 지원

IE6 지원 안함IE7 지원 안함IE8 지원IE9 지원IE10 지원Chrome 지원Firefox 지원Opera 지원Safari 지원

모든 주요 브라우저에서 지원

구문

속성 값 설명
설명
color 바깥 선의 색상을 지정
invert 기본값(default), 배경색에 관계없이 outline 색상이 보여지도록 반전 색상을 지정
inherit 지정 요소의 바깥 선 색상을 부모(상위) 요소로부터 상속받음

예제

버그 및 이슈

  • CSS 에서 사용할 수 있는 색상코드는 Hexadecimal color(가장 많이 사용하는 방법), RGB color, RGBA color, HSL color, HSLA color, Predefined/Cross-browser color names 처럼 다양한 종류가 있다.

Hexadecimal color

RGB color

RGBA color

HSL color

HSLA color

Predefined/Cross-browser color names

HTML과 CSS에서 사용 가능한 색상 이름은 147가지이다. 아래 예제처럼 red, blue, yellow 등으로 사용할 수 있다.

목록 으로

  • 궁금이

    2014년 2월 4일, 8:33 오후

    [답변]

    이건 익스6부터 지원되나요?

    outline-style과 outline-width는 익스8부터라고 써졌던데..

    • kiris

      2014년 2월 4일, 8:39 오후

      [답변]

      outline 속성만 지원브라우저를 업데이트 하고 outline-color, outline-width, outline-style 은 업데이트를 못했네요. 수정하였습니다.^^ 곧 ie11 지원 내용도 업데이트 하겠습니다.~ 감사합니다!

      • 궁금이

        2014년 2월 5일, 12:57 오전

        빠른 답변 정말 고맙습니다.
        좋은 정보 제공해주셔서 감사하구요. ^^

        늦었지만, 올 한해도 복 많이 받으세요 !

궁금이님에게 댓글 취소