CSS-muotoilija

Se jäsentää tyylitiedoston säännöiksi, määrityksiksi ja at-säännöiksi ja tulostaa ne uudelleen yhtenäisessä asettelussa. Koska CSS jäsennetään, tuloste vastaa tyylitiedoston todellista rakennetta.

Jokainen sääntö alkaa valitsimellaan ja avaavalla aaltosulkeella. Kukin määritys kirjoitetaan omalle rivilleen kahden välilyönnin sisennyksellä, ja kaksoispisteen jälkeen tulee välilyönti. Sulkeva aaltosulje on omalla rivillään. Valitsinlistan valitsimet erotetaan pilkulla ja välilyönnillä, ja yhdistimien, kuten > ja ~, ympärillä on välilyönnit.

Kyllä, @supports- ja vastaavien lohkojen sisällä olevat säännöt sisennetään sisäkkäin. @import-tyyppiset lausekkeet säilytetään yhdellä rivillä, ja url()-arvot kirjoitetaan lainausmerkkeihin.

Jos jäsennin ei pysty lukemaan tyylisivua esimerkiksi puuttuvan aaltosulkeen vuoksi, työkalu pysähtyy ja näyttää jäsentimen ilmoituksen sekä rivinumeron. Korjaa ilmoitettu kohta ja muotoile uudelleen.

Kyllä, kommentit säilytetään sekä sääntöjen että määritysten välissä. Kukin kommentti sijoitetaan omalle rivilleen sitä ympäröivän koodin sisennystasolle.

Kyllä, mukautetut ominaisuudet, kuten --brand-color, muotoillaan muiden määritysten tapaan. Viittaukset, kuten var(--brand-color), säilytetään ennallaan.

Et, tämä sivu odottaa tavallista CSS-koodia, ja esikäsittelijöiden sisäkkäiset säännöt tai muuttujat saatetaan hylätä. Käytä näille tiedostoille SCSS-muotoilijaa tai Less-muotoilijaa.

Et, muotoilijassa ei ole asetuksia, ja se käyttää aina kahta välilyöntiä sekä avaa aaltosulkeen valitsimen sisältävällä rivillä. Näin kaikkien tyylisivujen tulokset pysyvät yhdenmukaisina.

Tuloste palautetaan Markdown-koodilohkona, jonka kieleksi on merkitty css, joten se näkyy korostettuna Markdown-muodossa. Kopioi aitausten väliset rivit .css-tiedostoosi.

Enintään 5 MB käyttökertaa kohden; suurempi syöte hylätään ilmoituksella. Tuloste on sama kuin Code Formatterin CSS-vaihtoehdolla.