Formatateur CSS

Embellissez votre code CSS :

Entrez vos feuilles de style CSS désordonnées, minifiées ou obfuscées dans le champ ci-dessus pour les nettoyer et les rendre jolis. L'éditeur ci-dessus contient également des numéros de ligne utiles et une mise en surbrillance syntaxique. Il existe de nombreuses options pour adapter l'embellisseur à vos goûts de formatage personnels.

Quand utilisez-vous

Souvent, lors de l'écriture de feuilles de style CSS, votre indentation, l'espacement et d'autres formatages peuvent devenir un peu désorganisés. Il est également courant que plusieurs développeurs travaillent sur un seul projet qui ont différentes techniques de formatage. Cet outil est utile pour rendre le formatage d'un fichier cohérent. Il est également courant que les feuilles de style CSS soient minifiées ou obfusquées. Vous pouvez utiliser cet outil pour rendre ce code joli et lisible afin qu'il soit plus facile à modifier.

Exemples

Les feuilles de style CSS minifiées ci-dessous :

body{font-family:Georgia, Times, serif;color:purple;background-color:#d8da3d}h1{font-family:Helvetica, Arial}

Devient cette embellie :

body {
    font-family: Georgia, Times, serif;
    color: purple;
    background-color: #d8da3d
}
h1 {
    font-family: Helvetica, Arial
}