https://freetool.dev/_nuxt/BON09Px9.js

1import{_ as T}from"./DPIaFIMc.js";import{_ as N}from"./nLZBpnoy.js";import{_ as D}from"./Dqaj8CHa.js";import{_ as E}from"./VTXCmJi7.js";import{_ as P}from"./8fY8EC0V.js";import{_ as L}from"./CXwnfpox.js";import{_ as M}from"./CYwGAoYU.js";import{_ as j}from"./CnzqtAtd.js";import{d as J,P as b,s as A,b as V,C as f,w as n,y as e,o as d,f as s,e as p,g as o,k as m,J as H,K as U,D as B,j as S,t as l,T as g,m as Q,E as $}from"./CkpM57L6.js";import{u as G}from"./BgwjXCoU.js";import"./CkdAOMuj.js";import"./DlAUqK2U.js";import"./B0zWc29K.js";import"./DXrLEPCz.js";const Y={class:"space-y-6 animate-in fade-in slide-in-from-bottom-4 duration-500"},W={key:0,role:"status",class:"flex items-center justify-center h-64 w-full rounded-2xl animate-pulse bg-base-200"},K={class:"flex flex-col sm:flex-row items-center gap-4"},X={key:0,class:"alert alert-error shadow-lg border-none rounded-2xl text-white flex-col items-start gap-1"},Z={class:"flex items-center gap-2"},tt={class:"font-bold"},et={class:"text-sm opacity-90 font-mono bg-black/20 p-2 rounded-lg w-full mt-1"},it={class:"space-y-12"},ot=J({__name:"css-formatter",setup(_){b("https://unpkg.com/[email protected]/standalone.js",{trigger:"client"}),b("https://unpkg.com/[email protected]/parser-postcss.js",{trigger:"client"});const{t}=A({useScope:"local"});G({name:t("title"),description:t("meta"),features:[t("f_1"),t("f_2"),t("f_3"),t("f_4")],faq:[{question:t("faq_1_q"),answer:t("faq_1_a")},{question:t("faq_2_q"),answer:t("faq_2_a")},{question:t("faq_3_q"),answer:t("faq_3_a")}]}),V({title:t("m_title"),meta:[{name:"description",content:t("meta")}]});const i=Q({hasCode:!1,loaded:!1,error:"",resetable:!1}),a=$(null);function h(){i.hasCode=a.value.getValue()!=="",i.error=""}function q(){i.error="",i.resetable?w():v()}function v(){const u=window.prettier,c=window.prettierPlugins;if(!u){document.location.reload();return}try{const r=u.format(a.value.getValue(),{parser:"css",plugins:c});a.value.setValue(r),a.value.setReadOnly(!0),i.resetable=!0}catch(r){i.error=`${t("err")}: ${r.message}`}}function w(){a.value.setValue(""),a.value.setReadOnly(!1),i.resetable=!1,i.hasCode=!1,i.error=""}function y(){navigator.clipboard.writeText(a.value.getValue())}return(u,c)=>{const r=T,z=N,F=D,x=E,k=P,I=L,R=M,O=j;return d(),f(O,{title:e(t)("title"),description:e(t)("meta"),breadcrumb:{label:e(t)("bc"),to:"code-tools"},"see-also-links":[{label:e(t)("see1"),to:"css-minifier"},{label:e(t)("see2"),to:"html-formatter"},{label:e(t)("see3"),to:"javascript-formatter"},{label:e(t)("see4"),to:"json-formatter"}]},{info:n(()=>[s("div",it,[s("div",null,[s("p",null,l(e(t)("d1"))+" "+l(e(t)("d2")),1)]),o(k,{title:e(t)("use_cases_title"),items:[{title:e(t)("uc_1_title"),description:e(t)("uc_1_desc")},{title:e(t)("uc_2_title"),description:e(t)("uc_2_desc")},{title:e(t)("uc_3_title"),description:e(t)("uc_3_desc")}]},null,8,["title","items"]),o(I,{title:e(t)("how_it_works_title"),items:[{title:e(t)("hiw_1_title"),description:e(t)("hiw_1_desc")},{title:e(t)("hiw_2_title"),description:e(t)("hiw_2_desc")},{title:e(t)("hiw_3_title"),description:e(t)("hiw_3_desc")}]},null,8,["title","items"]),o(R,{title:e(t)("faq_title"),items:[{question:e(t)("faq_1_q"),answer:e(t)("faq_1_a")},{question:e(t)("faq_2_q"),answer:e(t)("faq_2_a")},{question:e(t)("faq_3_q"),answer:e(t)("faq_3_a")}]},null,8,["title","items"])])]),default:n(()=>[s("div",Y,[e(i).loaded?m("",!0):(d(),p("div",W,[o(r,{name:"heroicons:code-bracket",class:"w-12 h-12 text-base-content/10"})])),H(o(z,{ref_key:"editor",ref:a,lang:"css",placeholder:e(t)("plc"),onOnLoad:c[0]||(c[0]=at=>e(i).loaded=!0),onOnChange:h},null,8,["placeholder"]),[[U,e(i).loaded]]),s("div",K,[o(F,{onClick:q,icon:e(i).resetable?"heroicons:arrow-path-20-solid":"heroicons:arrow-right-circle-20-solid",disabled:!e(i).hasCode&&!e(i).resetable,class:B([e(i).resetable?"btn-warning":"","w-full sm:w-auto"])},{default:n(()=>[S(l(e(t)(e(i).resetable?"rst":"bt")),1)]),_:1},8,["icon","disabled","class"]),o(g,{"enter-active-class":"transition duration-300 ease-out","enter-from-class":"transform scale-95 opacity-0","enter-to-class":"transform scale-100 opacity-100"},{default:n(()=>[e(i).resetable?(d(),f(x,{key:0,onOnClick:y,class:"w-full sm:w-auto"},{default:n(()=>

1[S(l(e(t)("copy"))+" CSS ",1)]),_:1})):m("",!0)]),_:1})]),o(g,{"enter-active-class":"transition duration-300 ease-out","enter-from-class":"transform scale-95 opacity-0","enter-to-class":"transform scale-100 opacity-100"},{default:n(()=>[e(i).error&&e(i).hasCode?(d(),p("div",X,[s("div",Z,[o(r,{name:"heroicons:x-circle-20-solid",class:"w-6 h-6"}),s("span",tt,l(e(t)("err_label")),1)]),s("div",et,l(e(i).error),1)])):m("",!0)]),_:1})])]),_:1},8,["title","description","breadcrumb","see-also-links"])}}});function C(_){const t=_;t.__i18n=t.__i18n||[],t.__i18n.push({locale:"",resource:{en:{m_title:{t:0,b:{t:2,i:[{t:3}],s:"CSS Formatter & Beautifier Online - Format for Free"}},title:{t:0,b:{t:2,i:[{t:3}],s:"CSS Formatter"}},bc:{t:0,b:{t:2,i:[{t:3}],s:"Code Tools"}},meta:{t:0,b:{t:2,i:[{t:3}],s:"Free online CSS formatter and beautifier. Paste your CSS code and instantly format, indent and beautify it with consistent structure — no signup, no installation."}},d1:{t:0,b:{t:2,i:[{t:3}],s:"This online CSS formatter and beautifier parses and reformats your stylesheet with consistent indentation and uniform structure. Any messy, minified, or poorly organized CSS is transformed into readable, well-structured code in one click."}},d2:{t:0,b:{t:2,i:[{t:3}],s:"It removes unnecessary blank lines, fixes indentation, and normalizes spacing inside rules and declarations, making the code easier to review, debug, or hand off to a teammate — a free CSS beautifier that runs entirely in your browser."}},plc:{t:0,b:{t:2,i:[{t:3}],s:"Insert the CSS code here or drag a file"}},bt:{t:0,b:{t:2,i:[{t:3}],s:"Format CSS"}},rst:{t:0,b:{t:2,i:[{t:3}],s:"Start Over"}},copy:{t:0,b:{t:2,i:[{t:3}],s:"Copy"}},err:{t:0,b:{t:2,i:[{t:3}],s:"Error"}},err_label:{t:0,b:{t:2,i:[{t:3}],s:"Could not format CSS"}},how_it_works_title:{t:0,b:{t:2,i:[{t:3}],s:"How It Works"}},hiw_1_title:{t:0,b:{t:2,i:[{t:3}],s:"Paste Your CSS"}},hiw_1_desc:{t:0,b:{t:2,i:[{t:3}],s:"Copy and paste your raw, minified, or unformatted CSS into the editor."}},hiw_2_title:{t:0,b:{t:2,i:[{t:3}],s:"Click Format"}},hiw_2_desc:{t:0,b:{t:2,i:[{t:3}],s:"Press the Format CSS button and the tool will reformat the code instantly."}},hiw_3_title:{t:0,b:{t:2,i:[{t:3}],s:"Copy the Result"}},hiw_3_desc:{t:0,b:{t:2,i:[{t:3}],s:"Copy the formatted output or start over with new code."}},use_cases_title:{t:0,b:{t:2,i:[{t:3}],s:"Use Cases"}},uc_1_title:{t:0,b:{t:2,i:[{t:3}],s:"Code Reviews"}},uc_1_desc:{t:0,b:{t:2,i:[{t:3}],s:"Clean up stylesheets before sharing with teammates or opening a pull request."}},uc_2_title:{t:0,b:{t:2,i:[{t:3}],s:"Debugging Styles"}},uc_2_desc:{t:0,b:{t:2,i:[{t:3}],s:"Readable indentation makes it much easier to trace selector hierarchies and spot conflicting rules."}},uc_3_title:{t:0,b:{t:2,i:[{t:3}],s:"Learning & Documentation"}},uc_3_desc:{t:0,b:{t:2,i:[{t:3}],s:"Properly formatted CSS is easier to read, understand, and include in documentation or tutorials."}},faq_title:{t:0,b:{t:2,i:[{t:3}],s:"Questions & Answers"}},faq_1_q:{t:0,b:{t:2,i:[{t:3}],s:"Is my CSS code sent to any server?"}},faq_1_a:{t:0,b:{t:2,i:[{t:3}],s:"No. All formatting is done entirely in your browser. Your code never leaves your device."}},faq_2_q:{t:0,b:{t:2,i:[{t:3}],s:"Does the formatter support modern CSS syntax?"}},faq_2_a:{t:0,b:{t:2,i:[{t:3}],s:"Yes. The formatter supports modern CSS including custom properties, nesting, media queries, and at-rules."}},faq_3_q:{t:0,b:{t:2,i:[{t:3}],s:"What happens if my CSS has syntax errors?"}},faq_3_a:{t:0,b:{t:2,i:[{t:3}],s:"If the code cannot be parsed, the tool will display an error message so you can identify and fix the issue before formatting."}},see1:{t:0,b:{t:2,i:[{t:3}],s:"CSS Minifier"}},see2:{t:0,b:{t:2,i:[{t:3}],s:"HTML Formatter"}},see3:{t:0,b:{t:2,i:[{t:3}],s:"JavaScript Formatter"}},see4:{t:0,b:{t:2,i:[{t:3}],s:"JSON Formatter"}},f_1:{t:0,b:{t:2,i:[{t:3}],s:"Instant CSS beautification and formatting"}},f_2:{t:0,b:{t:2,i:[{t:3}],s:"Correct indentation and consistent spacing"}},f_3:{t:0,b:{t:2,i:[{t:3}],s:"Syntax error detection and reporting"}},f_4:{t:0,b:{t:2,i:[{t:3}],s:"No registration or installation required"}}},pt:{m_title:{t:0,b:{t:2,i:[{t:3}],s:"Formatador CSS Online - Formate e Indente CSS Grátis"}},title:{t:0,b:{t:2,i:[{t:3}],s:"Formatador CSS"}},bc:{t:0,b:{t:2,i:[{t:3}],s:"Ferramentas de Código"}},meta:{t:0,b:{t:2,i:[{t:3}],s:"Formatador CSS online e gratuito (CSS beautifier). Cole seu código CSS e deixe-o organizado com indentação correta e estrutura uniformizada."}},d1:{t:0,b:{t:2,i:[{t:3}],s:"Este formatador CSS online analisa e reformata sua folha de estilos com indentação consistente e estrutura uniforme. Qualquer código CSS bagunçado, minificado ou mal organizado é transformado em código legível e bem estruturado com um clique."}},d2:{t:0,b:{t:2,i:[{t:3}],s:"Ele remove linhas em branco desnecessárias, corrige a indentação e normaliza o espaçamento de

1ntro de regras e declarações, facilitando a revisão, depuração ou entrega do código para um colega."}},plc:{t:0,b:{t:2,i:[{t:3}],s:"Insira o código CSS aqui ou arraste um arquivo"}},bt:{t:0,b:{t:2,i:[{t:3}],s:"Formatar CSS"}},rst:{t:0,b:{t:2,i:[{t:3}],s:"Recomeçar"}},copy:{t:0,b:{t:2,i:[{t:3}],s:"Copiar"}},err:{t:0,b:{t:2,i:[{t:3}],s:"Erro"}},err_label:{t:0,b:{t:2,i:[{t:3}],s:"Não foi possível formatar o CSS"}},how_it_works_title:{t:0,b:{t:2,i:[{t:3}],s:"Como Funciona"}},hiw_1_title:{t:0,b:{t:2,i:[{t:3}],s:"Cole seu CSS"}},hiw_1_desc:{t:0,b:{t:2,i:[{t:3}],s:"Copie e cole seu CSS bruto, minificado ou sem formatação no editor."}},hiw_2_title:{t:0,b:{t:2,i:[{t:3}],s:"Clique em Formatar"}},hiw_2_desc:{t:0,b:{t:2,i:[{t:3}],s:"Pressione o botão Formatar CSS e o código será reformatado instantaneamente."}},hiw_3_title:{t:0,b:{t:2,i:[{t:3}],s:"Copie o Resultado"}},hiw_3_desc:{t:0,b:{t:2,i:[{t:3}],s:"Copie o código formatado ou comece de novo com um novo código."}},use_cases_title:{t:0,b:{t:2,i:[{t:3}],s:"Casos de Uso"}},uc_1_title:{t:0,b:{t:2,i:[{t:3}],s:"Revisões de Código"}},uc_1_desc:{t:0,b:{t:2,i:[{t:3}],s:"Limpe folhas de estilo bagunçadas antes de compartilhar com colegas ou abrir um pull request."}},uc_2_title:{t:0,b:{t:2,i:[{t:3}],s:"Depuração de Estilos"}},uc_2_desc:{t:0,b:{t:2,i:[{t:3}],s:"A indentação legível facilita muito o rastreamento de hierarquias de seletores e a identificação de regras conflitantes."}},uc_3_title:{t:0,b:{t:2,i:[{t:3}],s:"Aprendizado e Documentação"}},uc_3_desc:{t:0,b:{t:2,i:[{t:3}],s:"CSS bem formatado é mais fácil de ler, entender e incluir em documentações ou tutoriais."}},faq_title:{t:0,b:{t:2,i:[{t:3}],s:"Perguntas e Respostas"}},faq_1_q:{t:0,b:{t:2,i:[{t:3}],s:"Meu código CSS é enviado para algum servidor?"}},faq_1_a:{t:0,b:{t:2,i:[{t:3}],s:"Não. Todo o processamento é feito no seu navegador. Seu código nunca sai do seu dispositivo."}},faq_2_q:{t:0,b:{t:2,i:[{t:3}],s:"O formatador suporta sintaxe CSS moderna?"}},faq_2_a:{t:0,b:{t:2,i:[{t:3}],s:"Sim. O formatador suporta CSS moderno, incluindo propriedades customizadas, aninhamento, media queries e at-rules."}},faq_3_q:{t:0,b:{t:2,i:[{t:3}],s:"O que acontece se meu CSS tiver erros de sintaxe?"}},faq_3_a:{t:0,b:{t:2,i:[{t:3}],s:"Se o código não puder ser analisado, a ferramenta exibirá uma mensagem de erro para você identificar e corrigir o problema antes de formatar."}},see1:{t:0,b:{t:2,i:[{t:3}],s:"Minificador de CSS"}},see2:{t:0,b:{t:2,i:[{t:3}],s:"Formatador HTML"}},see3:{t:0,b:{t:2,i:[{t:3}],s:"Formatador JavaScript"}},see4:{t:0,b:{t:2,i:[{t:3}],s:"Formatador JSON"}},f_1:{t:0,b:{t:2,i:[{t:3}],s:"Formatação e organização instantânea de CSS"}},f_2:{t:0,b:{t:2,i:[{t:3}],s:"Indentação correta e espaçamento consistente"}},f_3:{t:0,b:{t:2,i:[{t:3}],s:"Detecção e reporte de erros de sintaxe"}},f_4:{t:0,b:{t:2,i:[{t:3}],s:"Sem necessidade de cadastro ou instalação"}}},es:{m_title:{t:0,b:{t:2,i:[{t:3}],s:"Formateador CSS Online - Formatea e Indenta CSS Gratis"}},title:{t:0,b:{t:2,i:[{t:3}],s:"Formateador CSS"}},bc:{t:0,b:{t:2,i:[{t:3}],s:"Herramientas de Código"}},meta:{t:0,b:{t:2,i:[{t:3}],s:"Formateador CSS online y gratuito (CSS beautifier). Pega tu código CSS y organízalo al instante con indentación correcta y estructura uniforme."}},d1:{t:0,b:{t:2,i:[{t:3}],s:"Este formateador CSS online analiza y reformatea tu hoja de estilos con indentación consistente y estructura uniforme. Todo CSS desordenado, minificado o mal organizado se transforma en código legible y bien estructurado con un clic."}},d2:{t:0,b:{t:2,i:[{t:3}],s:"Elimina líneas en blanco innecesarias, corrige la indentación y normaliza el espaciado dentro de reglas y declaraciones, facilitando la revisión, depuración o entrega del código a un compañero."}},plc:{t:0,b:{t:2,i:[{t:3}],s:"Introduce el código CSS aquí o arrastra un archivo"}},bt:{t:0,b:{t:2,i:[{t:3}],s:"Formatear CSS"}},rst:{t:0,b:{t:2,i:[{t:3}],s:"Recomenzar"}},copy:{t:0,b:{t:2,i:[{t:3}],s:"Copiar"}},err:{t:0,b:{t:2,i:[{t:3}],s:"Error"}},err_label:{t:0,b:{t:2,i:[{t:3}],s:"No se pudo formatear el CSS"}},how_it_works_title:{t:0,b:{t:2,i:[{t:3}],s:"Cómo Funciona"}},hiw_1_title:{t:0,b:{t:2,i:[{t:3}

1],s:"Pega tu CSS"}},hiw_1_desc:{t:0,b:{t:2,i:[{t:3}],s:"Copia y pega tu CSS en bruto, minificado o sin formato en el editor."}},hiw_2_title:{t:0,b:{t:2,i:[{t:3}],s:"Haz clic en Formatear"}},hiw_2_desc:{t:0,b:{t:2,i:[{t:3}],s:"Pulsa el botón Formatear CSS y el código se reformateará al instante."}},hiw_3_title:{t:0,b:{t:2,i:[{t:3}],s:"Copia el Resultado"}},hiw_3_desc:{t:0,b:{t:2,i:[{t:3}],s:"Copia el código formateado o empieza de nuevo con código nuevo."}},use_cases_title:{t:0,b:{t:2,i:[{t:3}],s:"Casos de Uso"}},uc_1_title:{t:0,b:{t:2,i:[{t:3}],s:"Revisiones de Código"}},uc_1_desc:{t:0,b:{t:2,i:[{t:3}],s:"Limpia hojas de estilo desordenadas antes de compartirlas con compañeros o abrir un pull request."}},uc_2_title:{t:0,b:{t:2,i:[{t:3}],s:"Depuración de Estilos"}},uc_2_desc:{t:0,b:{t:2,i:[{t:3}],s:"La indentación legible facilita mucho el rastreo de jerarquías de selectores y la detección de reglas en conflicto."}},uc_3_title:{t:0,b:{t:2,i:[{t:3}],s:"Aprendizaje y Documentación"}},uc_3_desc:{t:0,b:{t:2,i:[{t:3}],s:"El CSS bien formateado es más fácil de leer, entender e incluir en documentación o tutoriales."}},faq_title:{t:0,b:{t:2,i:[{t:3}],s:"Preguntas y Respuestas"}},faq_1_q:{t:0,b:{t:2,i:[{t:3}],s:"¿Mi código CSS se envía a algún servidor?"}},faq_1_a:{t:0,b:{t:2,i:[{t:3}],s:"No. Todo el procesamiento se realiza en tu navegador. Tu código nunca sale de tu dispositivo."}},faq_2_q:{t:0,b:{t:2,i:[{t:3}],s:"¿El formateador admite sintaxis CSS moderna?"}},faq_2_a:{t:0,b:{t:2,i:[{t:3}],s:"Sí. El formateador admite CSS moderno, incluyendo propiedades personalizadas, anidamiento, media queries y at-rules."}},faq_3_q:{t:0,b:{t:2,i:[{t:3}],s:"¿Qué ocurre si mi CSS tiene errores de sintaxis?"}},faq_3_a:{t:0,b:{t:2,i:[{t:3}],s:"Si el código no se puede analizar, la herramienta mostrará un mensaje de error para que puedas identificar y solucionar el problema antes de formatear."}},see1:{t:0,b:{t:2,i:[{t:3}],s:"Minificador CSS"}},see2:{t:0,b:{t:2,i:[{t:3}],s:"Formateador HTML"}},see3:{t:0,b:{t:2,i:[{t:3}],s:"Formateador JavaScript"}},see4:{t:0,b:{t:2,i:[{t:3}],s:"Formateador JSON"}},f_1:{t:0,b:{t:2,i:[{t:3}],s:"Formateo y organización instantánea de CSS"}},f_2:{t:0,b:{t:2,i:[{t:3}],s:"Indentación correcta y espaciado consistente"}},f_3:{t:0,b:{t:2,i:[{t:3}],s:"Detección y reporte de errores de sintaxis"}},f_4:{t:0,b:{t:2,i:[{t:3}],s:"Sin necesidad de registro ni instalación"}}},fr:{m_title:{t:0,b:{t:2,i:[{t:3}],s:"Formateur CSS en Ligne - Indentez votre CSS Gratuit"}},title:{t:0,b:{t:2,i:[{t:3}],s:"Formateur CSS"}},bc:{t:0,b:{t:2,i:[{t:3}],s:"Outils de Code"}},meta:{t:0,b:{t:2,i:[{t:3}],s:"Formateur CSS en ligne gratuit (CSS beautifier). Collez votre code CSS et obtenez instantanément une indentation correcte et une structure uniforme."}},d1:{t:0,b:{t:2,i:[{t:3}],s:"Ce formateur CSS en ligne analyse et reformate votre feuille de styles avec une indentation cohérente et une structure uniforme. Tout CSS désordonné, minifié ou mal organisé est transformé en code lisible et bien structuré en un clic."}},d2:{t:0,b:{t:2,i:[{t:3}],s:"Il supprime les lignes vides inutiles, corrige l'indentation et normalise les espaces à l'intérieur des règles et des déclarations, facilitant la révision, le débogage ou la transmission du code à un collègue."}},plc:{t:0,b:{t:2,i:[{t:3}],s:"Insérez le code CSS ici ou faites glisser un fichier"}},bt:{t:0,b:{t:2,i:[{t:3}],s:"Formater CSS"}},rst:{t:0,b:{t:2,i:[{t:3}],s:"Recommencer"}},copy:{t:0,b:{t:2,i:[{t:3}],s:"Copier"}},err:{t:0,b:{t:2,i:[{t:3}],s:"Erreur"}},err_label:{t:0,b:{t:2,i:[{t:3}],s:"Impossible de formater le CSS"}},how_it_works_title:{t:0,b:{t:2,i:[{t:3}],s:"Comment Ça Marche"}},hiw_1_title:{t:0,b:{t:2,i:[{t:3}],s:"Collez Votre CSS"}},hiw_1_desc:{t:0,b:{t:2,i:[{t:3}],s:"Copiez et collez votre CSS brut, minifié ou non formaté dans l'éditeur."}},hiw_2_title:{t:0,b:{t:2,i:[{t:3}],s:"Cliquez sur Formater"}},hiw_2_desc:{t:0,b:{t:2,i:[{t:3}],s:"Appuyez sur le bouton Formater CSS et le code sera reformaté instantanément."}},hiw_3_title:{t:0,b:{t:2,i:[{t:3}],s:"Copiez le Résultat"}},hiw_3_desc:{t:0,b:{t:2,i:[{t:3}],s:"Copiez le code formaté ou recommencez avec un nouveau code."}},use_cases_title:{t:0,b:{t:2,i:[{t:3}],s:"Cas d'Utilisation"}},uc_1_title:{t:0,b:{t:2,i:[{t:3}],s:"Revues de Code"}}

1,uc_1_desc:{t:0,b:{t:2,i:[{t:3}],s:"Nettoyez les feuilles de styles désordonnées avant de les partager avec vos collègues ou d'ouvrir une pull request."}},uc_2_title:{t:0,b:{t:2,i:[{t:3}],s:"Débogage de Styles"}},uc_2_desc:{t:0,b:{t:2,i:[{t:3}],s:"Une indentation lisible facilite grandement le suivi des hiérarchies de sélecteurs et la détection des règles en conflit."}},uc_3_title:{t:0,b:{t:2,i:[{t:3}],s:"Apprentissage et Documentation"}},uc_3_desc:{t:0,b:{t:2,i:[{t:3}],s:"Un CSS bien formaté est plus facile à lire, à comprendre et à inclure dans la documentation ou les tutoriels."}},faq_title:{t:0,b:{t:2,i:[{t:3}],s:"Questions et Réponses"}},faq_1_q:{t:0,b:{t:2,i:[{t:3}],s:"Mon code CSS est-il envoyé à un serveur ?"}},faq_1_a:{t:0,b:{t:2,i:[{t:3}],s:"Non. Tout le traitement est effectué dans votre navigateur. Votre code ne quitte jamais votre appareil."}},faq_2_q:{t:0,b:{t:2,i:[{t:3}],s:"Le formateur prend-il en charge la syntaxe CSS moderne ?"}},faq_2_a:{t:0,b:{t:2,i:[{t:3}],s:"Oui. Le formateur prend en charge le CSS moderne, y compris les propriétés personnalisées, l'imbrication, les media queries et les at-rules."}},faq_3_q:{t:0,b:{t:2,i:[{t:3}],s:"Que se passe-t-il si mon CSS contient des erreurs de syntaxe ?"}},faq_3_a:{t:0,b:{t:2,i:[{t:3}],s:"Si le code ne peut pas être analysé, l'outil affichera un message d'erreur pour vous aider à identifier et corriger le problème avant le formatage."}},see1:{t:0,b:{t:2,i:[{t:3}],s:"Minificateur CSS"}},see2:{t:0,b:{t:2,i:[{t:3}],s:"Formateur HTML"}},see3:{t:0,b:{t:2,i:[{t:3}],s:"Formateur JavaScript"}},see4:{t:0,b:{t:2,i:[{t:3}],s:"Formateur JSON"}},f_1:{t:0,b:{t:2,i:[{t:3}],s:"Formatage instantané du CSS"}},f_2:{t:0,b:{t:2,i:[{t:3}],s:"Indentation correcte et espacement cohérent"}},f_3:{t:0,b:{t:2,i:[{t:3}],s:"Détection et signalement des erreurs de syntaxe"}},f_4:{t:0,b:{t:2,i:[{t:3}],s:"Aucune inscription ou installation requise"}}},it:{m_title:{t:0,b:{t:2,i:[{t:3}],s:"Formattatore CSS Online - Formatta e Abbellisci Gratis"}},title:{t:0,b:{t:2,i:[{t:3}],s:"Formattatore CSS"}},bc:{t:0,b:{t:2,i:[{t:3}],s:"Strumenti per Codice"}},meta:{t:0,b:{t:2,i:[{t:3}],s:"Formattatore e abbellitore CSS online gratuito. Incolla il tuo codice CSS e formattalo, indentalo e abbelliscilo all'istante con una struttura coerente — senza registrazione, senza installazione."}},d1:{t:0,b:{t:2,i:[{t:3}],s:"Questo formattatore e abbellitore CSS online analizza e riformatta il tuo foglio di stile con un'indentazione coerente e una struttura uniforme. Qualsiasi CSS disordinato, minificato o mal organizzato viene trasformato in codice leggibile e ben strutturato con un solo clic."}},d2:{t:0,b:{t:2,i:[{t:3}],s:"Rimuove le righe vuote superflue, corregge l'indentazione e normalizza la spaziatura all'interno di regole e dichiarazioni, rendendo il codice più facile da revisionare, correggere o consegnare a un collega — un abbellitore CSS gratuito che funziona interamente nel tuo browser."}},plc:{t:0,b:{t:2,i:[{t:3}],s:"Inserisci qui il codice CSS o trascina un file"}},bt:{t:0,b:{t:2,i:[{t:3}],s:"Formatta CSS"}},rst:{t:0,b:{t:2,i:[{t:3}],s:"Ricomincia"}},copy:{t:0,b:{t:2,i:[{t:3}],s:"Copia"}},err:{t:0,b:{t:2,i:[{t:3}],s:"Errore"}},err_label:{t:0,b:{t:2,i:[{t:3}],s:"Impossibile formattare il CSS"}},how_it_works_title:{t:0,b:{t:2,i:[{t:3}],s:"Come Funziona"}},hiw_1_title:{t:0,b:{t:2,i:[{t:3}],s:"Incolla il tuo CSS"}},hiw_1_desc:{t:0,b:{t:2,i:[{t:3}],s:"Copia e incolla nell'editor il tuo CSS grezzo, minificato o non formattato."}},hiw_2_title:{t:0,b:{t:2,i:[{t:3}],s:"Clicca su Formatta"}},hiw_2_desc:{t:0,b:{t:2,i:[{t:3}],s:"Premi il pulsante Formatta CSS e lo strumento riformatterà il codice all'istante."}},hiw_3_title:{t:0,b:{t:2,i:[{t:3}],s:"Copia il Risultato"}},hiw_3_desc:{t:0,b:{t:2,i:[{t:3}],s:"Copia l'output formattato oppure ricomincia con un nuovo codice."}},use_cases_title:{t:0,b:{t:2,i:[{t:3}],s:"Casi d'Uso"}},uc_1_title:{t:0,b:{t:2,i:[{t:3}],s:"Revisione del Codice"}},uc_1_desc:{t:0,b:{t:2,i:[{t:3}],s:"Ripulisci i fogli di stile prima di condividerli con i colleghi o di aprire una pull request."}},uc_2_title:{t:0,b:{t:2,i:[{t:3}],s:"Debug degli Stili"}},uc_2_desc:{t:0,b:{t:2,i:[{t:3}],s:"Un'indentazione leggibile rende molto più facile seguire le gerarchie dei selettori e individuare regole in conflitto."}},uc_3_title:{t:0,b:{t:2,i:[{t:3}],s:"Studio e Documentazione"}},uc_3_desc:{t:0,b:{t:2,i:[{t:3}],s:"Un CSS formattato correttamente è più facile da leggere, comprendere e includere in documentazione o tutorial."}},faq_title:{t:0,b:{t:2,i:[{t:3}],s:"Domande e Risposte"}},faq_1_q:{t:0,b:{t:2,i:[{t:3}

1],s:"Il mio codice CSS viene inviato a qualche server?"}},faq_1_a:{t:0,b:{t:2,i:[{t:3}],s:"No. Tutta la formattazione avviene interamente nel tuo browser. Il tuo codice non lascia mai il tuo dispositivo."}},faq_2_q:{t:0,b:{t:2,i:[{t:3}],s:"Il formattatore supporta la sintassi CSS moderna?"}},faq_2_a:{t:0,b:{t:2,i:[{t:3}],s:"Sì. Il formattatore supporta il CSS moderno, incluse proprietà personalizzate, nesting, media query e at-rule."}},faq_3_q:{t:0,b:{t:2,i:[{t:3}],s:"Cosa succede se il mio CSS contiene errori di sintassi?"}},faq_3_a:{t:0,b:{t:2,i:[{t:3}],s:"Se il codice non può essere analizzato, lo strumento mostrerà un messaggio di errore così potrai individuare e correggere il problema prima di formattare."}},see1:{t:0,b:{t:2,i:[{t:3}],s:"Minificatore di CSS"}},see2:{t:0,b:{t:2,i:[{t:3}],s:"Formattatore HTML"}},see3:{t:0,b:{t:2,i:[{t:3}],s:"Formattatore JavaScript"}},see4:{t:0,b:{t:2,i:[{t:3}],s:"Formattatore JSON"}},f_1:{t:0,b:{t:2,i:[{t:3}],s:"Abbellimento e formattazione istantanei del CSS"}},f_2:{t:0,b:{t:2,i:[{t:3}],s:"Indentazione corretta e spaziatura coerente"}},f_3:{t:0,b:{t:2,i:[{t:3}],s:"Rilevamento e segnalazione degli errori di sintassi"}},f_4:{t:0,b:{t:2,i:[{t:3}],s:"Nessuna registrazione o installazione richiesta"}}}}})}typeof C=="function"&&C(ot);export{ot as default};