Outline-style 편집

Table of Contents (보이기↓)

edit

개요

이 속성은 요소의 외곽선(outline)에 스타일을 지정한다.

외곽선은 테두리(border)와 달리 화면 배치에 영향을 주지 않으며, 개별 방향으로 스타일을 지정할 수 없다.

edit

정의

Outline-style설명
값<색상?> | invert | inherit
기본값none
적용대상모든 요소
상속안됨
백분율사용 불가
미디어visual, interactive?

edit

값

값설명
<border-width>크기를 지정한다.
inherit부모 요소의 값을 상속하도록 지정한다.

'outline-style' 속성은 border-style과 같은 값을 지정할 수 있지만, 'hidden'은 지정할 수 없다.

edit

예제

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
	p {outline-width: 1px; outline-style: dotted; outline-color: red;}
</style>
</head>
<body>
	<p>
		문단 테두리를 붉은색 점선으로 표시한다. IE 에서는 표시 되지 않는다.<br/>
		p {outline-width: 1px; outline-style: dotted; outline-color: red;}<br/>
		혹은 p {outline: 1px dotted red;}
	</p>
</body>
</html>

edit

브라우저 호환성

값IE6IE7FF2Op9
(border-style)미지원미지원지원지원
inherit미지원미지원지원지원

Wiki Trail: < cursor | 문서 목록 | outline-color >



Modified

  • by 건이아빠 (211.232.45.84)
  • on 2008년 04월 22일, 09:13

Hooney Docs


Be Friend~! Be Friend~!