CSS 경계블록스타일 속성

정의와 사용법

관련 CSS 속성에 영향을 미칩니다。 속성은 요소가 블록 방향에 대해 경계 스타일을 설정합니다.

관련 CSS 속성에 영향을 미칩니다。 속성의 값은 다양한 방식으로 설정할 수 있습니다:

만약 관련 CSS 속성에 영향을 미칩니다。 속성에 두 가지 값이 있습니다:

border-block-style: solid;

• 블록 시작점의 경계 스타일이 점선입니다
• 블록 종료점의 경계 스타일이 점선입니다

만약 관련 CSS 속성에 영향을 미칩니다。 속성에 하나의 값이 있습니다:

border-block-style: dashed;

• 블록 시작점과 종료점의 경계 스타일 모두 점선입니다

CSS 관련 CSS 속성에 영향을 미칩니다。 속성과 CSS 속성 border-bottom-style、border-left-style、border-right-style 와 border-top-style 매우 유사하지만 관련 CSS 속성에 영향을 미칩니다。 속성은 블록 방향에 따라 달라집니다。

주의사항:속성은 블록 방향에 따라 달라집니다。 예제 2: writing-mode 속성과 결합 주의: 관련 CSS 속성에 영향을 미칩니다。 블록 방향을 정의합니다. 이는 블록의 시작과 끝 위치 및

border-block-style

속성의 결과. 영어 페이지에서는 행 내 방향은 왼쪽에서 오른쪽으로, 블록 방향은 아래로입니다。

예제

예제 1
  블록 방향 모서리 스타일을 설정합니다：
writing-mode: vertical-rl;
#example1 {
  border-block-style: solid;
writing-mode: vertical-rl;

border-block-style: dotted;

#example2 {

border-block-style: dashed dotted; 예제 2: writing-mode 속성과 결합 블록 방향의 시작과 끝에 모서리 스타일의 위치는

writing-mode
  속성의 영향:
  div {
writing-mode: vertical-rl;

border-block-style: dotted;

}

직접 테스트해 보세요

CSS 문법

기술 세부 사항

브라우저 지원

표格에 표시된 숫자는 이 속성을 최초로 완전히 지원하는 브라우저 버전을 나타냅니다。

相关页面

教程：CSS 경계선

참조:CSS 경계 속성

참조:CSS 경계블록 속성

참조:CSS 경계블록끝스타일 속성

참조:CSS 경계블록시작스타일 속성

참조:CSS 경계하단스타일 속성

참조:CSS border-left-style 속성

참조:CSS border-right-style 속성

참조:CSS border-top-style 속성

참조:CSS 쓰러잉-모드 속성