---
title: Edition des filtres CSS
slug: Outils/Inspecteur/Comment/Edition_filtres_css
translation_of: Tools/Page_Inspector/How_to/Edit_CSS_filters
---
<div>{{ToolsSidebar}}</div>

<p>Les propriétés <code><a href="/fr/docs/Web/CSS/filter">filter</a></code> dans la <a href="/fr/docs/Outils/Inspecteur/UI_Tour#Rules_view">vue Règles</a> ont une icône ronde à fond gris/blanc : </p>

<p><img alt="" src="https://mdn.mozillademos.org/files/16454/click_to_edit_filter.png" style="border: 1px solid black; display: block; height: 146px; margin-left: auto; margin-right: auto; width: 366px;"></p>

<p>Cliquer sur le rond ouvre l'éditeur de filtre :</p>

<p><img alt="" src="https://mdn.mozillademos.org/files/16455/css_filter_edit.png" style="display: block; height: 256px; margin-left: auto; margin-right: auto; width: 576px;"></p>

<p>L'éditeur de filtre liste chaque effet sur sa propre ligne. Il est alors possible d'ajouter, de supprimer, d'éditer les filtres et de changer l'ordre dans lesquels ils sont appliqués</p>

<p>Il est également possible d'ajouter de nouveaux effets grâce à la liste en bas de l'éditeur. Il suffit de cliquer sur le bouton "+" une fois l'effet voulu sélectionné dans la liste.</p>

<p><img alt="" src="https://mdn.mozillademos.org/files/16457/edit_filter_settings.png" style="display: block; height: 255px; margin: 0px auto; width: 520px;"></p>

<p>Une fois l'effet rajouté, il faut spécifier les paramètres voulus puis appuyer sur <kbd>Entrée</kbd> pour mettre a jour l'effet. Le changement sera effectif après <kbd>Entrée</kbd>.</p>

<h2 id="Enregistrer_des_filtres">Enregistrer des filtres</h2>

<p>Il est possible d'ajouter des filtres à une liste de configuration. La liste sera persistante aux entre plusieurs sessions du navigateur, rendant ainsi l'application d'effets facile dans le futur.</p>

<p>Voici comment enregistrer le filtre actuel dans la liste :</p>

<ul>
 <li>Cliquer pour éditer le filtre, afficher la liste de configuration en cliquant sur l’icône mise en avant dans la capture ci-dessous.</li>
 <li>Nommez votre configuration, puis cliquer sur le bouton "+" pour l'ajouter à la liste.</li>
</ul>

<p><img alt="" src="https://mdn.mozillademos.org/files/16458/filter_presets.png" style="display: block; height: 240px; margin-left: auto; margin-right: auto; width: 530px;"></p>

<p>Il est ainsi possible d'appliquer des filtres sauvegardés à de nouveaux éléments. Il suffit de cliquer sur le nom d'une des configuration dans la liste.</p>