CSS 아웃라인 너비 속성

정의와 사용법

outline-width 속성은 요소 전체의 곽선 너비를 설정합니다.轮廓 스타일이 none이 아니라면 이 너비가 적용됩니다. 스타일이 none라면 너비는 실제로 0으로 재설정됩니다. 음수 길이 값을 설정할 수 없습니다.

곽선(outline)은 요소 주위에 그려지는 선으로, 테두리 가장자리 밖에 위치하며, 요소를 강조하는 역할을 합니다. outline 속성은 요소 주위의 곽선을 설정합니다.

주석:항상 outline-width 속성을 선언한 후 outline-style 속성을 선언해야 합니다. 요소가轮廓를 얻은 후에만轮廓의 색상을 변경할 수 있습니다.

주석:곽선선은 공간을 차지하지 않으며, 반드시 사각형이 아닙니다.

다른 것도 참조하세요:

CSS 강의:CSS 외곽선

CSS 참조 가이드:outline 속성

HTML DOM 참조 가이드:outlineWidth 속성

예제

점선轮廓의 색상을 설정하십시오:

p
  {
  outline-style:dotted;
  outline-width:5px;
  }

직접 시도해보세요

CSS 문법

outline-width: medium|thin|thick|length|initial|inherit;

속성 값

값 설명
细细的轮廓。 thin
medium 기본. 중간 크기의轮廓을 지정합니다.
thick 두꺼운轮廓을 지정합니다.
length 로컬의轮廓 두께 값을 지정할 수 있습니다.
inherit 부모 요소에서轮廓 너비 설정을 상속해야 합니다.

기술 세부 사항

기본값: medium
상속성: no
버전: CSS2
JavaScript 문법: object.style.outlineWidth="thin"

TIY 예제

轮廓의 너비 설정
이 예제에서는轮廓의 너비를 설정하는 방법을 보여줍니다.

브라우저 지원

표에 나타난 숫자는 이 속성을 완전히 지원하는 첫 번째 브라우저 버전을 나타냅니다.

크롬 IE / 엣지 파이어폭스 사파리 오페라
1.0 8.0 1.5 1.2 7.0

주석:DOCTYPE가 지정되면 IE8은 outline 속성을 지원합니다.