CSS 경계 블록 끝 너비 속성

정의와 사용법

블록 방향을 정의합니다. 이는 블록의 시작 위치와 끝 위치 및 관련 CSS 속성에 영향을 미칩니다. 속성을 설정하여 요소가 블록 방향 끝 밴드 너비를 정의합니다.

속성은 매우 유사하지만를 설정해야 합니다. 블록 방향을 정의합니다. 이는 블록의 시작 위치와 끝 위치 및 관련 CSS 속성에 영향을 미칩니다. 속성이生效되려면 border-block-end-style 속성과

CSS 블록 방향을 정의합니다. 이는 블록의 시작 위치와 끝 위치 및 관련 CSS 속성에 영향을 미칩니다. 속성과 CSSborder-bottom-width속성은border-bottom-widthborder-left-widthborder-right-width블록 방향을 정의합니다. 이는 블록의 시작 위치와 끝 위치 및 관련 CSS 속성에 영향을 미칩니다. border-top-width

속성은 매우 유사하지만속성은 블록 방향에 의존합니다. 블록 방향 끝 밴드 너비의 위치는 주의: 블록 방향을 정의합니다. 이는 블록의 시작 위치와 끝 위치 및 관련 CSS 속성에 영향을 미칩니다. border-block-end-width

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

예제

예제 1

속성의 영향:
  div {
  블록 방향 끝 밴드 너비를 설정합니다:
border-block-end-width: 5px;

}

border-block-end-width: 10px;

예제 2: writing-mode 속성과 결합 블록 방향 끝 밴드 너비의 위치는 writing-mode

속성의 영향:
  div {
  border-block-end-style: solid;
  writing-mode: vertical-rl;
border-block-end-width: 5px;

}

직접 시도해 보세요

CSS 문법길이border-block-end-width: 중간|细细|두껍게|

|initial|inherit;

속성 값
중간 설명
중간 너비 밴드를 지정합니다. 기본 값. 细细밴드를 지정합니다.
细细밴드를 지정합니다. 두껍게 밴드를 지정합니다.
길이 밴드 두께를 정의할 수 있습니다. 참조하십시오:CSS 단위
initial 이 속성을 기본 값으로 설정합니다. 참조하십시오: initial
inherit 부모 요소에서 이 속성을 상속합니다. 참조하십시오: inherit

기술 세부 사항

기본 값: 중간
상속성: 아니요
애니메이션 제작: 지원됩니다. 참조하십시오:애니메이션 관련 속성
버전: CSS3
JavaScript 문법: object.style.borderBlockEndWidth="10px"

브라우저 지원

표中的 숫자는 이 속성을 최초로 완전히 지원하는 브라우저 버전을 나타냅니다.

Chrome Edge Firefox Safari Opera
69.0 79.0 41.0 12.1 56.0

相关页面

教程:CSS 경계선

참조:CSS 경계 속성

참조:CSS 경계 블록 속성

참조:CSS 경계 블록 끝 속성

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

참조:CSS 경계 블록 시작 너비 속성

참조:CSS 경계 아래 너비 속성

참조:CSS border-left-width 속성

참조:CSS border-right-width 속성

참조:CSS border-top-width 속성

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