CSS 경계 블록 끝 너비 속성
- 이전 페이지 border-block-end-style
- 다음 페이지 border-block-start
정의와 사용법
블록 방향을 정의합니다. 이는 블록의 시작 위치와 끝 위치 및 관련 CSS 속성에 영향을 미칩니다.
속성을 설정하여 요소가 블록 방향 끝 밴드 너비를 정의합니다.
속성은 매우 유사하지만를 설정해야 합니다. 블록 방향을 정의합니다. 이는 블록의 시작 위치와 끝 위치 및 관련 CSS 속성에 영향을 미칩니다.
속성이生效되려면 border-block-end-style
속성과
CSS 블록 방향을 정의합니다. 이는 블록의 시작 위치와 끝 위치 및 관련 CSS 속성에 영향을 미칩니다.
속성과 CSS
border-bottom-width속성은
border-bottom-widthborder-left-width
、 border-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 경계 블록 속성
- 이전 페이지 border-block-end-style
- 다음 페이지 border-block-start