CSS border-inline-start-style 속성

정의와 사용법

inline 방향을 정의합니다. 이는 한 행의 시작과 끝 위치 및 속성이 행 내 방향의 시작 부분에서 요소의 경계 스타일을 설정합니다.

CSS의 inline 방향을 정의합니다. 이는 한 행의 시작과 끝 위치 및 속성은 border-bottom-style를 영향을 미칩니다.border-left-style를 영향을 미칩니다.border-right-style text-orientation border-top-style 속성은 매우 유사하지만 inline 방향을 정의합니다. 이는 한 행의 시작과 끝 위치 및 속성은 행 내 방향에 따라 의존합니다.

주의:관련된 CSS 속성 inline 방향의 시작에 경계선의 위치는를 영향을 미칩니다.와 text-orientation inline 방향의 시작과 끝에 경계선의 위치는 와 inline 방향을 정의합니다. 이는 한 행의 시작과 끝 위치 및 border-inline-start-style

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

인스턴스

예제 1

속성의 영향:
  direction: rtl;

border-inline-start-style: dotted;

inline 방향의 시작에 경계선에 스타일을 설정하려면:

예제 2: writing-mode 속성과 결합 inline 방향의 시작에 경계선의 위치는 direction

속성의 영향:
  writing-mode
  direction: rtl;

border-inline-start-style: dotted;

writing-mode: vertical-rl;

예제 3: direction 속성과 결합 inline 방향의 시작과 끝에 경계선의 위치는 direction

속성의 영향:
  div {
  direction: rtl;

border-inline-start-style: dotted;

}

직접 시도해 보세요

CSS 문법

기술 세부 사항

브라우저 지원

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

관련 페이지

教程:CSS 경계선

참조:CSS 테두리 속성

참조:CSS 테두리 인라인 속성

참조:CSS 테두리 인라인 끝 스타일 속성

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

참조:CSS 테두리 아래 스타일 속성

참조:CSS border-left-style 속성

참조:CSS border-right-style 속성

참조:CSS border-top-style 속성

참조:CSS 방향 속성

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

참조:CSS 쓰기-모드 속성