Joan eduki nagusira
LibraTool logoLibraTool

CSS Apaintzailea doan

Formateatu minimizatutako CSS koskadura koherentearekin, edo minimizatu. Propietateen ordena alfabetiko aukerakoa, desberdintasun aurresangarrietarako.

Linez kanpo funtzionatzen du behin kargatuta

Jaregin fitxategi bat hemen edo egin klik arakatzeko

CSS · zure gailuan prozesatua

edo sakatu Ctrl+V arbeletik itsasteko

Arakatu fitxategiak
Edertu­tako CSS
Irteera hemen agertuko da…

Ohiko erabilerak

  • Debugearatu Produkzio CSSIkus minified CSS produkzio sareetatik irakurgarri formatuan arakatzea eta itzultzea estiloa.
  • Behartua Taldea CSS EstiloaTaldeak bidaltako CSS itxura-berdintsutzailea bidez sartu difak edukiari dagozkion, ez formatuari.
  • Formateatua Salakarien-Aurrizki CSSSalakarien-aurrizki CSS (autoprefixer irteera) askotan guztia -webkit-, -moz-, -ms- aldaketa. Formateatua inspektatua.
  • Ikastea Pro CSSIkasti CSS famatzeak diseinua sistemaak adierazpen konpilatu irteera formateatua.
  • Formateatua CSS Buga TxostenakGaur CSS bugs aurkezten, formateatua CSS asko errazagoa berrikusleen arakatu eta ulertu.

Nola Funtzionatzen Du

Tresna honek CSS formateatzen du eskuz idatzitako analizatzaile errekurtsibo bat erabiliz, orrian zuzenean eraikita — hirugarrenen liburutegirik ez, zerbitzari-deirik ez. Analizatzaileak zure CSS karaktere bakoitza zeharkatzen du, testu-kate komatxo artekoak, url() balioak, at-arau kabiatuak, eta iruzkinak zuzen kudeatuz, hauek erregex sinpleagoan oinarritutako ikuspegiak nahastuko lituzketenak.

  1. 1
    Karaktere-mailako tokenizazioa
    walkCss funtzioak sarrera gordina karaktere bakoitza aztertuz eskaneatzen du, komatxo-egoera eta parentesi-sakontasuna jarraituz, beraz url(), testu-balio, edo iruzkinen barruko puntu eta komak edo giltzak inoiz ez dira egiturazko bereizle gisa hartzen.
  2. 2
    Blokea eta deklarazio-bereizketa
    Eskanerrak goi-mailako giltza ireki bat aurkitzen duenean, aitzinsolasa (hautatzailea edo at-arau gako-hitza) ateratzen du eta bloke-gorputza errekurtsiboki prozesatzen du — honek berak kabiatutako arauak izan ditzake (@media, @supports, CSS kabiatze natiboa) sakontasun handiagoan kudeatuta.
  3. 3
    Propietateen sailkapena eta koska
    Bloke bakoitzeko deklarazioak lasterketa batean biltzen dira, gero aukeran alfabetikoki sailkatzen dira propietate-izenaren arabera aukeratutako koska-zabaleran idatzi aurretik (2 edo 4 zuriune). Minifikatu moduak zuriunea erabat saltatzen du eta iruzkinak kentzen ditu.
  4. 4
    Berehalako nabigatzailean bertako irteera
    Emaitzak idatzi ahala agertzen dira useMemo hook baten bidez — ezer ez da inora bidaltzen. Formateatutako edo minifikatutako CSS arbelera kopia daiteke edo .css fitxategi gisa deskargatu, eta panelak jatorrizkoarekiko tamaina-aldea erakusten du.

Erlazionatutako tresnak

🌐

HTML Apaintzailea eta Txikitzailea

Inprimatu edo txikiatu HTML koken sarrera egokiarekin. Gordetzen du edukia <pre>, <script>, <style> blokeetan.

Probatu
🗄️

SQL Formatzailea eta Apaintzailea

Inprimatu SQL kontsultak txukun koken egoki, gako-hitz konfiguragarriarekin eta lerro-hausturak klausula nagusietan. SQL dialekto guztiekin funtzionatzen du.

Probatu
🗜️

CSS Txikitzailea eta Apaintzailea

Txikiatu CSS fitxategi-tamaina murrizteko edo apainduz txikitutako CSS irakurgarritasunerako. Berehalakoa, zure nabigatzailean.

Probatu

Maiz egiten diren galderak