---
sourceDocument: Interface utilisateur de la Now Platform Xanadu
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/fr-FR/xanadu/platform-user-interface

 Release :

    - xanadu

ft:locale :

    - fr-FR

ft:publication_title :

    - Interface utilisateur de la Now Platform Xanadu

ft:clusterId :

    - platux

bundleId :

    - platux

workflow :

    - Platform


---

# Style dans Gestion du contenu

# Style dans Gestion du contenu {#ariaid-title1}

* Rversion finale: Xanadu
* 
* Mis à jour 1 août 2024
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 minute de lecture

Les pages de contenu peuvent être stylisées avec CSS, comme n'importe quel site Web HTML.  
Trois éléments contrôlent les styles CSS :

* [Les feuilles de style](https://servicenow-prod.fluidtopics.net/e8q9mxKz2vXbNf9dGKgh0g "Les feuilles de styles sont des feuilles de style en cascade (CSS) standard qui définissent l’apparence de tous les éléments de l’interface.") sont des enregistrements contenant des déclarations CSS.
* [Les thèmes](https://servicenow-prod.fluidtopics.net/lhhOofrR1OLPqLH1BY2ASg "Les thèmes de conception sont la convergence de la structure et du style, ce qui en fait un outil essentiel pour créer une interface utilisateur puissante.") sont des groupes de feuilles de style qui peuvent être invoqués ensemble.
* [Les cadres](https://servicenow-prod.fluidtopics.net/Ul5pLZ6uMLt1zFTqFJE~ug "Les cadres permettent de gérer les contenants décoratifs pour les blocs de contenu et tout autre élément du site. Par exemple, un cadre peut être un conteneur, composé de balises div ou span, dont le style comporte des coins arrondis.") sont des macros d'interface utilisateur qui définissent la bordure extérieure des blocs de contenu individuels tels qu'ils apparaissent sur une page de contenu. Les cadres fonctionnent en faisant appel à des définitions particulières dans les feuilles de style.
{#c_StyleInContentManagement__ul_sy2_m1p_wq}
* **[Feuilles de style](https://servicenow-prod.fluidtopics.net/e8q9mxKz2vXbNf9dGKgh0g)**   
  Les feuilles de styles sont des feuilles de style en cascade (CSS) standard qui définissent l'apparence de tous les éléments de l'interface.
* **[Thèmes de conception](https://servicenow-prod.fluidtopics.net/lhhOofrR1OLPqLH1BY2ASg)**   
  Les thèmes de conception sont la convergence de la structure et du style, ce qui en fait un outil essentiel pour créer une interface utilisateur puissante.
* **[Types de documents](https://servicenow-prod.fluidtopics.net/NbV5QXTMdesAy1esL9LW5A)**   
  Le modèle de page HTML view_content sur lequel tous les CMS sont basés est par défaut `doctype=html`.
* **[Mettre en forme une image](https://servicenow-prod.fluidtopics.net/Ul5pLZ6uMLt1zFTqFJE~ug)**   
  Les cadres permettent de gérer les contenants décoratifs pour les blocs de contenu et tout autre élément du site. Par exemple, un cadre peut être un conteneur, composé de balises div ou span, dont le style comporte des coins arrondis.

**Concepts associés**   

* [Sites de contenu](https://servicenow-prod.fluidtopics.net/ZJmx9YdUD3iSLlk90pidQw "Un site de contenu est un groupe de pages de contenu connexes qui ont le même thème de base, la même mise en page et le même suffixe d’URL.")
* [Pages de contenu dans CMS](https://servicenow-prod.fluidtopics.net/2989gmJ0Wd4RL~MZ~69BMg "Les pages de contenu sont au cœur du système de gestion de contenu. Une page de contenu est une page Web qui affiche des blocs de contenu.")
* [Modèles de Gestion du contenu](https://servicenow-prod.fluidtopics.net/bZgLNiUe_DlN9jmLLOtJ_w "Les modèles sont des pages de contenu qui sont réutilisées pour fournir une apparence cohérente.")
* [Types de contenus](https://servicenow-prod.fluidtopics.net/P4qtAIusJLIJ2GvDgdDS6g "Les types de contenu fournissent un contrôle spécifique au site de la façon dont les données système définies par les modèles sont rendues.")
* [Blocs de contenu](https://servicenow-prod.fluidtopics.net/GMqExyQv_ofsT3gjYWy6ng "Un bloc est un élément de contenu défini dans le système qui peut être réutilisé.")
* [Gestion du contenu des balises meta](https://servicenow-prod.fluidtopics.net/ShcndD9t9W6MM4GdmjjdeA "Les balises meta sont des balises spéciales dans les pages Web qui contiennent des informations sur la page, mais qui ne sont pas affichées avec la page. Vous pouvez définir des balises meta personnalisées pour les pages de contenu.")  
**Tâches associées**   

* [Définir un cadre dans une feuille de style](https://servicenow-prod.fluidtopics.net/lPc37f1jKdYKhKh29lxd6Q "Ajoutez des définitions de style pour n’importe quelle macro d’interface utilisateur d’image personnalisée que vous créez.")
* [Créer une macro d'interface utilisateur de cadre](https://servicenow-prod.fluidtopics.net/~XL2NuvaX4QgyTMEtMlKEw "Copiez une macro d’interface utilisateur de cadre existante pour afficher du contenu dans un cadre personnalisé.")