CSS 경계 인라인 끝 너비 속성

정의와 사용법

border-inline-end-width 행 내부 방향 끝의 테두리 너비를 설정하는 요소.

주의:을 설정해야 합니다. border-inline-end-width 속성이生效되려면 border-inline-end-style 속성과 일치합니다。

CSS border-inline-end-width 속성은 CSS 속성 border-bottom-width、border-left-width、border-right-width 와 border-top-width 매우 유사하지만 border-inline-end-width 속성은 inline 방향에 따라 달라집니다。

주의:와 관련된 CSS 속성 writing-mode、text-orientation 와 direction inline 방향을 정의합니다. 이는 한 행의 시작과 끝 위치, 그리고 border-inline-end-width 속성 결과. 영어 페이지에서는 inline 방향은 왼쪽에서 오른쪽으로, 블록 방향은 아래로입니다。

예제

예제 1

inline 방향의 끝의 테두리 너비를 설정하려면:

div {
  border-inline-end-style: solid;
  border-inline-end-width: 10px;
}

직접 시도해 보세요

예제 2: writing-mode 속성과 결합

inline 방향의 끝의 테두리 위치는 writing-mode 속성 영향：

div {
  border-inline-end-style: solid;
  writing-mode: vertical-rl;
  border-inline-end-width: 5px;
}

직접 시도해 보세요

예제 3: direction 속성과 결합

inline 방향의 시작과 끝의 테두리 위치는 direction 속성 영향：

div {
  direction: rtl;
  border-inline-end-width: 10px;
}

직접 시도해 보세요

CSS 문법

border-inline-end-width: 중간|thin|thick|length|initial|inherit;

속성 값

기술 세부 사항

브라우저 지원

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

相关页面

教程：CSS 테두리

참조:CSS 경계 속성

참조:CSS 경계 인라인 속성

참조:CSS 경계 인라인 끝 스타일 속성

참조:CSS border-inline-start-width 속성

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

참조:CSS border-left-width 속성

참조:CSS border-right-width 속성

참조:CSS border-top-width 속성

참조:CSS 방향 속성

참조:CSS 텍스트-오리엔테이션 속성

참조:CSS 쓰기-모드 속성