Mode d'emploi
- Collez votre CSS dans l’éditeur Votre CSS, ou importez un fichier .css ou .txt.
- Dans Indentation, choisissez 2 espaces, 4 espaces ou Tabulation.
- Dans Accolades, choisissez Même ligne ou Ligne suivante.
- Décochez Conserver les commentaires si vous souhaitez les supprimer.
Exemples
Rendre une feuille minifiée lisible
.fiche-produit{background:#fff;padding:16px;color:#222}.prix{font-weight:700;color:#b42318}.fiche-produit {
background: #fff;
padding: 16px;
color: #222;
}
.prix {
font-weight: 700;
color: #b42318;
}Indenter une règle responsive et un sélecteur imbriqué
@media (min-width:768px){.catalogue{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;&:hover{background:#f5f5f5}}}@media (min-width:768px)
{
.catalogue
{
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
&:hover
{
background: #f5f5f5;
}
}
}Supprimer les commentaires en gardant la licence
/*! Licence MIT — Boutique démo */
/* Barre de navigation */
.navigation{display:flex;/* Espacement entre les liens */gap:16px;padding:12px}/*! Licence MIT — Boutique démo */
.navigation {
display: flex;
gap: 16px;
padding: 12px;
}Astuces
- Pour le SCSS ou le LESS, utilisez le formateur de code.
- Besoin du fichier le plus léger ? Minifier CSS.
- Comparez avant/après avec le comparateur de texte.
FAQ
Le tri alphabétique des propriétés peut-il changer le rendu ?
Le tri A–Z conserve l’ordre d’origine lorsqu’une permutation modifierait la priorité entre des propriétés liées, comme margin et margin-top. Un avertissement signale les propriétés laissées dans leur ordre initial.
Comment trouver une erreur de syntaxe CSS ?
L’outil indique la ligne et la colonne de l’erreur et surligne la ligne concernée dans l’éditeur de saisie. Le résultat est effacé tant que l’erreur empêche le formatage.
Quels fichiers CSS puis-je importer ?
Vous pouvez importer des fichiers .css ou .txt jusqu’à 10 Mo. Le formatage est automatique jusqu’à 100 Ko de texte ; au-delà, cliquez sur Formater le CSS ou utilisez Ctrl+Entrée ou Cmd+Entrée.
Mon CSS est-il envoyé à un serveur ?
Le CSS est analysé et formaté dans votre navigateur, sans être envoyé au serveur par l’outil. Seuls vos réglages sont enregistrés localement ; les événements de mesure d’usage ne contiennent pas votre CSS.