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