CSS 참조 가이드

CSS @규칙(RULES)

CSS 속성大全

CSS outline 속성 사용 방법 및 예제

outline 속성은 요소의 모든 네 가지 모서리에 두께, 스타일, 그리고 색상을 설정합니다. 이는 각각의 outline 속성을 단일 선언에서 설정하는 데 사용됩니다 (즉,outline-width，outline-style그리고outline-color의 줄이고 간단한 속성.

다음 표는 이 속성의 사용 방법 설명 및 버전 기록, 그리고 JavaScript 스크립트에서 이 속성의 사용 문법을 나타냅니다.

기본 값:	모든 속성 확인
적용 가능:	모든 요소
thừa kế:	없음
동영상 제작 가능:	是，因为速记的某些属性可以设置动画。네, 속기의 일부 속성은 애니메이션을 설정할 수 있습니다. 참조:。
애니메이션 속성	CSS 2버전:3
、	JavaScript 문법:object

.style.outline="#cc0000 dotted thin"

outline 사용 문법

이 속성의 문법은 다음과 같습니다:-outline: [ outline-width outline-style outline

›color ] | initial | inherit

위에 나열된 어떤 속성도 누락되거나 생략된 경우, 해당 속성의 기본 값을 삽입합니다(기본 값을 가진 경우). 각 속성에 대한 자세한 내용은 속성을 참조하십시오.

아래 예제는 outline 속성을 사용하는 방법을 보여줍니다.

　　예제
　　　p.one {　2outline:
　　px solid;
　　px solid #ff0000;
　　　p.two {
　　　outline-color: #00ff00;　5top:
　　px solid;

}/테스트를 보세요‹

›주의:outline-color만약 5누락되거나 지정되지 않았을 경우(예: outline:colorpx solid;이면, 사용됩니다outline-style이 값은 outline 속성의 요소 값을 통해 표시되지 않습니다. 그러나 특정 상황에서는 omitting-styleproperty의 기본 값은 none입니다.

속성 값

다음 표는 이 속성의 값을 설명합니다.

값	설명
outline-width	요소 외곽선의 너비를 설정합니다.
outline-style	요소 외곽선의 선 스타일을 설정합니다.
outline-color	요소 외곽선의 색상을 설정합니다.
initial	이 속성을 기본 값으로 설정합니다.
inherit	지정된 경우, 관련 요소는 부모 요소의 outline 속성 값을 사용합니다.

브라우저 호환성

outline 속성을 지원하는 브라우저의 호환성을 다음 표에서 확인할 수 있습니다. 표에 나타난 숫자는 이 속성을 지원하는 브라우저의 최소 버전 번호입니다. 모든 주요 브라우저는 이 속성을 지원합니다.

	Firefox 1.5위 Google Chrome1+ Internet Explorer 8+ Apple Safari 1.2+ Opera 7+

경고: Internet Explorer 7그리고 더 이전 버전은 이 outline 속성을 지원하지 않습니다. IE8이 속성을 지원하지만, 유효한<!DOCTYPE>。

더 읽기

다음 튜토리얼을 참조하십시오:CSS 외곽선，CSS 경계선。

관련 속성:outline-width，outline-style，outline-color

CSS outline-color 속성 CSS3 order 속성