CSS border-inline-start-color 속성

정의와 사용법

border-inline-start-color 속성을 설정하여 요소의 행 내 방향 시작점의 경계선 색상을 정의합니다.

주의：설정해야 합니다 border-inline-start-color 속성이 효과적이려면 border-inline-start-style 속성.

CSS border-inline-start-color 속성과 border-bottom-color、border-left-color、border-right-color 그리고 border-top-color 속성은 매우 유사하지만 border-inline-start-color 속성은 inline 방향에 의존합니다.

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

예제

예제 1

inline 방향 시작의 경계에 색상을 설정하려면：

div {
  border-inline-start-style: solid;
  border-inline-start-color: pink;
}

직접 테스트해 보세요

예제 2

inline 방향 시작의 경계 위치는 writing-mode 속성 영향：

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

직접 테스트해 보세요

예제 3

inline 방향 시작과 끝의 경계 위치는 direction 속성 영향：

div {
  direction: rtl;
  border-inline-start-color: hotpink;
}

직접 테스트해 보세요

CSS 문법

border-inline-start-color: 색상|투명|기본값|thừa kế;

속성 값

기술 세부 사항

브라우저 지원

표에 나타난 숫자는 이 속성을 최초로 완벽하게 지원하는 브라우저 버전을 나타냅니다.

관련 페이지

教程：CSS 경계선

참조：CSS 경계 속성

참조：CSS 경계 내 속성

참조：CSS 경계 내 끝 색상 속성

참조：CSS border-inline-start-style 속성

참조：CSS 경계 아래 색상 속성

참조：CSS border-left-color 속성

참조：CSS border-right-color 속성

참조：CSS border-top-color 속성

참조：CSS 방향 속성

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

참조：CSS 쓰기-모드 속성