Properties

Properties

Editing
  • account_tree
  • bug_report

column-rule-style

열(column) 사이의 구분선에 대한 스타일을 설정한다.

설명

기본 값은 none이다.

사용 가능한 값 타입

<'colum-rule-style'>

DEVDIC-Specified Data Types

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

  • CSS Multi-column Layout Module Level 1
    <line-style>

    <line-style> 타입의 값을 지정한다.

포함된 타입

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

  • <line-style>

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

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

    사용되는 키워드

    • dashed

      데쉬선으로 설정한다.

    • dotted

      점선으로 설정한다.

    • double

      이중선으로 설정한다.

    • groove

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

    • hidden

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

    • inset

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

    • none

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

    • outset

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

    • ridge

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

    • solid

      실선으로 설정한다.

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

  • 〈line-style〉none
    CSS Multi-column Layout Module Level 1

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

  • 데쉬선으로 설정한다.

  • 점선으로 설정한다.

  • 이중선으로 설정한다.

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

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

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

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

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

  • 실선으로 설정한다.

구문

  • column-rule-style: dotted;
    CSS Multi-column Layout Module Level 1
  • object.style.columnRuleStyle = "double";
    CSS Multi-column Layout Module Level 1

    컬럼(열)과 컬럼(열)의 구분선의 모양을 주어진 상수로 설정한다.

테스트 도구

다양한 컬럼 구분선의 모양을 테스트

버전 명세

Modules
Module NameStatusSummary
CSS Multi-column Layout Module Level 1추천 후보

Last review date: 2022-6-24

지원 웹브라우저