Properties

Properties

Editing
  • account_tree
  • bug_report

border-block-style

논리적인 방향을 갖는 border-block-start-styleborder-block-end-style 속성 값을 한번에 작성할 수 있는 속기 속성이다.

사용 가능한 값 타입

<logical-border-style>

DEVDIC-Specified Data Types

border-inline-start-style border-inline-end-style  또는 border-block-start-style border-block-end-style 속성 값을 동시에 나타낸다. 한 개의 값만 작성된 경우에는 논리적인 양방향 모두 동일함을 의미한다.

  • CSS Logical Properties and Values Level 1
    <line-style>{1,2}

포함된 타입

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

  • <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

      실선으로 설정한다.

구문

  • border-block-style: solid dotted;
    CSS Logical Properties and Values Level 1
    Example

버전 명세

Modules
Module NameStatusSummary
CSS Logical Properties and Values Level 1초안 작업

Last review date: 2022-8-23

지원 웹브라우저