포털의 오른쪽에서 왼쪽으로 언어에 대한 CSS
다양한 방법을 사용하여 오른쪽에서 왼쪽으로 쓰는 언어의 CSS 생성을 제어할 수 있습니다.
(/sp) 이외의 서비스 포털 기본 시스템 포털과 사용자 지정 포털은 오른쪽에서 왼쪽으로 쓰는 언어의 포털 방향을 완전히 반영하기 위해 추가 CSS 커스터마이제이션이 필요할 수 있습니다.
사용자 지정 위젯은 오른쪽에서 왼쪽으로 변환하는 언어에 대해 약간의 수동 변환이 필요할 수 있습니다.
- 위젯의 HTML 템플릿에 있는 인라인 스타일의 경우 이러한 스타일을 위젯의 CSS로 이동하여 자동으로 변환되도록 합니다.
- 위젯 HTML 템플릿의 내부 스타일의 경우
[dir="rtl"]속성 선택기 또는.rtl클래스 선택기를 사용하여 오른쪽에서 왼쪽으로 정렬하는 언어와 관련된 CSS를 제공할 수 있습니다. - 오른쪽에서 왼쪽으로 진행하는 언어와 관련된 CSS를 포함하려면 위젯의 서버 스크립트에 있는 클래스에서 GlideSPScriptable - ScopedisRTLEnabled() 메서드를 호출하거나 위젯의 클라이언트 스크립트에서 g_portal_isrtl 전역 플래그를 사용하면 됩니다.
또한 테마, 페이지, 위젯 또는 위젯 인스턴스 CSS에서 Sass 보간 문자열(#{""})만 사용하여 CSS 속성에 오른쪽에서 왼쪽으로 지시문을 추가할 수 있습니다.
| 오른쪽에서 왼쪽으로 CSS 지시문 | 설명 |
|---|---|
/*rtl:무시*/ |
포털 CSS를 오른쪽에서 왼쪽으로 변환하는 언어로 변환할 때 속성을 무시합니다. |
/*rtl:앞에 추가:10px*/ |
오른쪽에서 왼쪽으로 쓰는 언어의 속성 값의 시작 부분에 값을 추가합니다. 이 예에서는 10px 앞에 추가합니다. |
/*rtl:추가:3rem*/ |
오른쪽에서 왼쪽으로 정렬하는 언어의 속성 값 끝에 값을 추가합니다. 이 예는 3rem을 추가합니다. |
/*rtl:바꾸기: 또는 /*rtl: |
속성 값을 오른쪽에서 왼쪽으로 쓰는 언어에 지정된 값으로 바꿉니다. 이 예에서는 속성 값을 30px로 바꿉니다. |
/*rtl:삽입:25px*/ |
오른쪽에서 왼쪽으로 정렬하는 언어에 대한 지시문 대신 지정된 값을 삽입합니다. 이 예에서는 25px를 삽입합니다. |
변환된 오른쪽에서 왼쪽으로 변환된 CSS에서 변환 속성 무시
.fl {
transform: rotate(45deg) translateY(5px) #{"/*rtl:ignore*/"};
}