개발자 도구

RTL/LTR변환기

LTR과 RTL 간에 CSS와 HTML을 한 번의 클릭으로 변환하세요. 방향성 속성과 Tailwind 클래스를 뒤집고, 선택적으로 dir 속성을 설정하세요.

styles.css
.card {
  margin-left: 16px;
  padding-right: 12px;
  text-align: left;
}

                    
converted.css
.card {
  margin-right: 16px;
  padding-left: 12px;
  text-align: right;
}

                    
주요 기능

핵심 역량

방향성 CSS 속성과 Tailwind 유틸리티를 뒤집으세요. 선택적으로 HTML 문서에 dir 속성을 설정하세요.

CSS 뒤집기

여백/안쪽여백/테두리 왼쪽↔오른쪽, 텍스트 정렬, 플로트/클리어, 위치 왼쪽/오른쪽, 방향

Tailwind 미러링

ml/mr, pl/pr, border-l/r, rounded-l/r, text-left/right와 같은 일반적인 방향성 유틸리티 뒤집기

HTML 방향

문서dir="rtl"속성 설정 및 인라인 스타일과 레거시 정렬 속성 변환

변환 준비가 되셨나요?

대시보드로 이동하여 지금 바로 CSS/HTML을 변환하세요.

대시보드 열기