# CSS-muotoilija

Muotoile pienennetyt tai sekavat tyylitiedostot tällä CSS-muotoilijalla. Liitä CSS, niin työkalu jäsentää sen ja tulostaa sitten kunkin säännön selektoreineen yhdelle riville, kunkin määrityksen omalle rivilleen kahden välilyönnin sisennyksellä, lisää kaksoispisteen jälkeen välilyönnin, erottaa yhdistimet välilyönnein ja sisentää sisäkkäiset at-säännöt, kuten mediakyselyt. Jäsennysvirheistä ilmoitetaan. Ihanteellinen verkkokehittäjille ja suunnittelijoille, jotka lukevat, virheenkorjaavat tai katselmoivat mistä tahansa lähteestä peräisin olevia tyylitiedostoja.

## Usein kysytyt kysymykset

### Miten CSS-muotoilija toimii?

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.

### Miltä muotoiltu CSS näyttää?

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.

### Tuetaanko mediakyselyitä ja muita at-sääntöjä?

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.

### Mitä tapahtuu, jos CSS on virheellinen?

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.

### Säilyvätkö kommentit?

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.

### Tuetaanko mukautettuja ominaisuuksia?

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

### Voinko muotoilla täällä SCSS- tai Less-koodia?

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.

### Voinko muuttaa sisennystä tai aaltosulkeiden tyyliä?

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.

### Miksi tulos on css-koodiaitausten sisällä?

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

### Kuinka suuri tyylisivuni voi olla?

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

Mainospaikka vapaana?

[Lähetä meille sähköpostia](mailto:hi@dennn.is?subject=Mainostaminen%20palvelussa%20OneClick%20Pro)

[Mainos Agenteille valmis lisäosa­sarja tuotteelle WordPress.](https://sleekwp.com/?ref=oneclickpro)