CSS-formaterare

Klistra in minifierad eller oformaterad CSS for att formatera om den med en deklaration per rad och prydlig indentering. Allt kors i din webblasare, sa dina stilar laddas aldrig upp.

Loading…

Om CSS-formateraren

Det har verktyget formaterar om minifierad eller orydlig CSS till rena, lasbara regler med js-beautify. Den satter varje deklaration pa en egen rad, indenterar innehallet i varje selektorblock och lagger till enhetliga mellanrum efter kolon och runt klamrar. Resultatet ar stilmallskod som ar latt att skanna, jamfora och redigera, oavsett om den kom fran en byggutdata eller en kopiering fran webben.

Sa anvander du den

Klistra in minifierad eller rorig CSS i inmatningen.
Formateraren expanderar den till en deklaration per rad.
Las igenom de indenterade selektorblocken.
Kopiera den formaterade stilmallen tillbaka till ditt projekt.

En typisk anvandning ar att packa upp en minifierad style.css sa att du kan hitta och justera en specifik regel. Formatering andrar bara formateringen - den slar inte ihop dubblerade selektorer, tar inte bort oanvanda regler och lagger inte till leverantorsprefix, sa kaskaden och specificiteten forblir exakt som skrivna. Allt kors i din webblasare, sa dina stilar laddas aldrig upp.

Vanliga frågor

Andrar CSS-formateraren hur mina stilar renderas?

Nej. Den lagger bara till blanksteg, radbrytningar och indentering. Selektorerna, egenskaperna och vardena ar oforandrade, sa kaskaden och det renderade resultatet forblir identiska.

Slar den ihop eller tar bort dubblerade regler?

Nej. Den ar en formaterare, inte en optimerare. Dubblerade selektorer och overflodiga deklarationer behalls som de ar, sa att ingenting i din stilmall andras i tysthet.

Kan den hantera modern CSS som anpassade egenskaper och media queries?

Ja. Byggd pa js-beautify indenterar den korrekt nastlade at-regler som media queries och haller anpassade egenskaper (CSS-variabler) intakta.

Skickas min CSS till en server?

Nej. Formateringen sker lokalt i din webblasare, sa din stilmall laddas aldrig upp.

Relaterade verktyg

JSON-formaterare Klistra in JSON for att formatera den med ren och enhetlig indentering. Ogiltig indata flaggas med ett felmeddelande, och allt kors lokalt i din webblasare. JSON-minifierare Klistra in formaterad JSON for att komprimera den till en enda rad utan onodiga blanksteg. Verktyget visar hur manga tecken som togs bort, allt i din webblasare. JSON-validerare Klistra in JSON for att kontrollera om den ar giltig. Nar den inte ar det rapporterar validatorn felmeddelandet samt raden och kolumnen dar tolkningen misslyckades - allt i din webblasare. JSON till CSV Klistra in en JSON-lista med objekt for att konvertera den till CSV. Kolumnerna tas fran unionen av alla nycklar, falt med kommatecken eller citattecken escapas, och du kan ladda ner resultatet - allt lokalt. CSV till JSON Klistra in CSV med en rubrikrad for att konvertera varje rad till ett JSON-objekt. Citerade falt tolkas korrekt och tal, booleska varden och null identifieras automatiskt - allt i din webblasare. JWT-avkodare Klistra in en JSON Web Token for att avkoda dess header och payload fran base64url till lasbar JSON. Signaturen verifieras inte - detta laser bara claims, och allt stannar i din webblasare.