CSS :dir() 伪类

정의와 사용법

CSS :dir() pseudo 클래스는 지정된 텍스트 방향을 가진 모든 요소와 일치합니다.

  • :dir(rtl) 오른쪽에서 왼쪽으로 텍스트 방향을 가진 요소와 일치합니다
  • :dir(ltr) 왼쪽에서 오른쪽으로 텍스트 방향을 가진 요소와 일치합니다

ヒント:HTML에서, 텍스트 방향은 dir 속성 지정.

예제

:dir() 伪类 사용:

:dir(rtl) {
  background-color: lightgreen;
}

직접 시도해 보세요

CSS 문법

:dir(ltr|rtl) {
  css 선언;
}

기술 세부 사항

버전: CSS 선택자 레벨 4

브라우저 지원

표格에 나타난 숫자는 이伪类를 최초로 지원하는 브라우저 버전을 지정합니다。

크롬 에지 파이어폭스 사파리 오페라
120 120 49 16.4 106