# CSS

## 🌈 Personnalisation CSS

La personnalisation CSS vous permet de libérer pleinement le potentiel du moteur de formulaires ngSurvey et de personnaliser chaque élément de vos formulaires en utilisant [classes CSS](https://docs.ngsurvey.com/fr/form-management/style-branding/style-editor/css/css-classes). Si c’est la première fois que vous entendez parler de CSS, vous pouvez suivre ce [tutoriel](https://www.htmldog.com/guides/css/beginner/) pour en savoir plus sur le CSS et son fonctionnement.

##  ➕ Ajout de CSS

vous pouvez ajouter vos propres définitions de classes CSS en utilisant l’écran d’entrée CSS. 

Tout le code que vous saisissez et enregistrez dans la zone d’entrée CSS sera injecté par ngSurvey au runtime pour styliser votre sondage conformément à vos définitions CSS.

![](https://186103257-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8fLhS0bmfBRyq0HdUm%2F-MBcm_S6ONhbWIJfvXyg%2F-MBctjFytCkewBehvnsz%2Fimage.png?alt=media\&token=749cada2-0cbc-4a96-b476-db5574ff508e)

{% hint style="info" %}
Les définitions CSS ont la plus haute priorité et remplaceront toute autre classe de propriété précédemment définie par le style. 
{% endhint %}

Le menu déroulant des classes disponibles affiche les classes CSS qui ne sont pas encore utilisées dans le code CSS personnalisé. Vous pouvez consulter la [liste des classes CSS](https://docs.ngsurvey.com/fr/form-management/style-branding/style-editor/css/css-classes) pour un aperçu des différentes classes que vous pouvez utiliser pour définir vos styles. 

![](https://186103257-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8fLhS0bmfBRyq0HdUm%2F-MBcm_S6ONhbWIJfvXyg%2F-MBcz1e0IvCDOs_xNGbA%2Fimage.png?alt=media\&token=ff29252e-9393-47d5-aa39-97391a157c50)

## 📐Classes CSS personnalisées

Vous pouvez également utiliser votre propre définition de classe CSS qui sera appliquée à votre question ou à vos réponses. Si vous avez créé une classe appelée myclass.

![](https://186103257-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8fLhS0bmfBRyq0HdUm%2F-MBcm_S6ONhbWIJfvXyg%2F-MBd-CRYhU216TBe-ffh%2Fimage.png?alt=media\&token=24be4ec0-4938-4529-b107-45fa3180d011)

Vous pouvez appliquer cette classe à n’importe quelle question ou réponse de vos choix en définissant la propriété CSS class sur votre [question](https://docs.ngsurvey.com/fr/form-management/form-designer/questions/question-properties) ou [réponse](https://docs.ngsurvey.com/fr/form-management/form-designer/answers/answer-properties) page de propriétés.

![](https://186103257-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8fLhS0bmfBRyq0HdUm%2F-MBcm_S6ONhbWIJfvXyg%2F-MBd-fGpB0C8TQcJNNts%2Fimage.png?alt=media\&token=5210cb05-307d-4942-8c40-ef16a83d41b1)