Properties

Properties

Editing
  • account_tree
  • bug_report

border-right-style

요소의 오른쪽 테두리의 모양을 설정한다.

사용 가능한 값 타입

<line-style>

선의 모양에 대한 키워드를 나타낸다. solid, dotted, dashed 이외의 값은 선의 두께가 어느 정도 지정되어야 제대로 보여진다.

  • CSS Backgrounds and Borders Module Level 3
    none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset

사용되는 키워드

  • dashed

    데쉬선으로 설정한다.

  • dotted

    점선으로 설정한다.

  • double

    이중선으로 설정한다.

  • groove

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

  • hidden

    테이블 요소가 아닌 경우에는 'none'과 동일하다.

  • inset

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

  • none

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

  • outset

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

  • ridge

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

  • solid

    실선으로 설정한다.

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

  • none
    CSS1

    기본 값이며 테두리를 설정하지 않는다.

구문

  • border-right-style: double;
    CSS1
  • object.style.borderRightStyle = "dashed";
    CSS1

테스트 도구

오른쪽에 다양한 테두리의 모양을 테스트

버전 명세

Modules
Module NameStatusSummary
CSS Backgrounds and Borders Module Level 3

Last review date: 2022-7-9

지원 웹브라우저