Properties

Properties

Editing
  • account_tree
  • bug_report

outline-style

요소 바깥쪽 윤곽선의 모양을 지정한다.

사용 가능한 값 타입

<'outline-style'>

DEVDIC-Specified Data Types

outline-style 속성에 사용되는 타입이다.

  • CSS Basic User Interface Module Level 4
    none | auto | <outline-line-style>

포함된 타입

아래 유형에서 지원하는 모든 키워드와 단위를 사용하지 않을 수도 있다.

  • <outline-line-style>

    기본적으로 <line-style> 타입과 동일하나 hidden 키워드는 사용할 수 없다.

    • CSS Basic User Interface Module Level 4
      none | dotted | dashed | solid | double | groove | ridge | inset | outset
    Details

    사용되는 키워드

    • dashed

      데쉬선으로 설정한다.

    • dotted

      점선으로 설정한다.

    • double

      이중선으로 설정한다.

    • groove

      홈이 파인 입체 선으로 설정한다.

    • inset

      안쪽으로 입체 선으로 설정한다. 테두리 색상 값에 따라 효과가 적용된다.

    • none

      테두리가 없고 색상과 두께는 무시된다.

    • outset

      바깥쪽으로 입체 선으로 설정한다. 테두리 색상 값에 따라 효과가 적용된다.

    • ridge

      융기된 입체 선으로 설정한다. 테두리 색상 값에 따라 효과가 적용된다.

    • solid

      실선으로 설정한다.

사용되는 키워드

  • auto

    CSS Basic User Interface Module Level 4

    유저 에이전트가 사용자 정의 개요 스타일을 렌더링하도록 허용한다. 일반적으로 플랫폼의 유저 인터페이스의 기본값이거나 CSS에서 자세히 설명할 수 있는 것 보다 더 풍부한 스타일이다.

공통적으로 사용되는 값

다음 키워드는 속성에 따라 다른 의미를 가질 수도 있다. 값 사용에 대한 자세한 사항은 아래 값 항목을 참고하라.

  • none

    어떠한 값도 설정하지 않음을 나타낸다.

다음은 필요에 따라 일부 값을 설명하므로 표시되지 않는 값은 값 유형을 참조하라.

구문

  • element.style.outlineStyle = "double";
    CSS Basic User Interface Module Level 4

테스트 도구

다양한 외곽선의 모양을 테스트

버전 명세

Modules
Module NameStatusSummary
CSS Basic User Interface Module Level 4

Last review date: 2022-11-25

지원 웹브라우저