---
sourceDocument: Interface do usuário da Now Platform Yokohama
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/pt-BR/yokohama/platform-user-interface

 Release :

    - yokohama

ft:locale :

    - pt-BR

ft:publication_title :

    - Interface do usuário da Now Platform Yokohama

ft:clusterId :

    - platux

bundleId :

    - platux

workflow :

    - Platform


---

# CSS para idiomas da direita para a esquerda em portais

# CSS para idiomas da direita para a esquerda em portais {#ariaid-title1}

* Versão de lançamento: Yokohama
* 
* Atualizado 30 de jan. de 2025
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 min. de leitura

Você pode controlar a geração de CSS para idiomas da direita para a esquerda usando uma variedade de métodos.
Além disso, portais do sistema base Portal de serviços(/sp) e portais personalizados podem precisar de personalização CSS adicional para espelhar completamente a direção de um portal para idiomas da direita para a esquerda.  
Os widgets personalizados podem precisar de alguma conversão manual para idiomas da direita para a esquerda.

* Para estilos em linha no modelo HTML de um widget, mova esses estilos para o CSS do widget para que eles sejam convertidos automaticamente.
* Para estilos internos no modelo HTML de um widget, você pode usar `rtl `seletor de atributos ou `.rtl `Seletor de classe para fornecer CSS específico para idiomas da direita para a esquerda.
* Para incluir CSS específico para idiomas da direita para a esquerda, você pode chamar IsRTLHabilitado() método no [GlideSPScriptable - Scoped](https://www.servicenow.com/docs/access?context=c_GlideSPScriptableScopedAPI&version=yokohama&pubname=yokohama-api-reference&ft:locale=en-US)no script de servidor de um widget ou use o. g_portal_isrtl sinalizador global no script do cliente do widget.
{#css-directives-right-to-left-languages__ul_ctr_vrg_sxb}

Além disso, no tema, página, widget ou instância do widget CSS, você pode adicionar diretivas da direita para a esquerda às propriedades do CSS somente usando uma cadeia de caracteres de interpolação do Sass ( `""" `).
{#css-directives-right-to-left-languages__table_ozm_lfy_rxb__entry__2}

| Diretiva CSS da direita para a esquerda | Descrição |
|-|-|
| `/*rtl:ignore*/` | Ignora a propriedade ao converter CSS do portal para idiomas da direita para a esquerda. |
| `/*rtl:prepend:10px*/` | Adiciona um valor ao início do valor da propriedade para idiomas da direita para a esquerda. Este exemplo é precedido `10 px `. |
| `/*rtl:append:3rem*/` | Adiciona um valor ao final do valor da propriedade para idiomas da direita para a esquerda. Este exemplo é anexado `3rem `. |
| `/*rtl:substituir: ``30px ``*/ `ou `/*rtl: ``30px ``*/ ` | Substitui o valor da propriedade pelo valor especificado para idiomas da direita para a esquerda. Este exemplo substitui o valor da propriedade por `30px `. |
| `/*rtl:insert:25px*/` | Insere o valor especificado no lugar da diretiva para idiomas da direita para a esquerda. Este exemplo insere `25px `. |
[Tabela 1. Diretivas CSS para idiomas da direita para a esquerda]

{#css-directives-right-to-left-languages__table_ozm_lfy_rxb}  

## Ignore a propriedade de transformação no CSS convertido da direita para a esquerda {#css-directives-right-to-left-languages__example_i1s_pfy_rxb}

    .fl {
    transform: rotate(45deg) translateY(5px) #{"/*rtl:ignore*/"};
    }