Outline-Style
개요 : 이 속성은 요소의 외곽선(outline)에 스타일을 지정한다.
외곽선은 테두리(border) 와 달리 화면 배치에 영향을 주지 않으며, 개별 방향으로 스타일을 지정할 수 없다.
정의
|
outline-style |
설명 |
|
값 |
<color> | invert | inherit |
|
기본값 |
none |
|
적용대상 |
모든 요소 |
|
상속 |
안됨 |
|
백분율 |
사용 불가 |
|
미디어 |
visual? , interactive? |
값
|
값 |
설명 |
|
<border-width> |
크기를 지정한다. |
|
inherit |
부모 요소의 값을 상속하도록 지정한다. |
'outline-style' 속성은 border-style 과 같은 값을 지정할 수 있지만, 'hidden'은 지정할 수 없다.
View Source :
<style>
p {outline-width: 1px; outline-style: dotted; outline-color: red;}
</style>
<body>
<p>
문단 테두리를 붉은색 점선으로 표시한다. IE 에서는 표시 되지 않는다.<br/>
p {outline-width: 1px; outline-style: dotted; outline-color: red;}<br/>
혹은 p {outline: 1px dotted red;}
</p>
</body>
Result :
''.' Programs > CSS' 카테고리의 다른 글
| Quotes (0) | 2012.03.20 |
|---|---|
| Cursor (0) | 2012.03.20 |
| Outline-Color (0) | 2012.03.20 |
| Outline-Width (0) | 2012.03.20 |
| Outline (0) | 2012.03.20 |