Syöte
Tulos
StarryToolin tietosuojailmoitus: StarryToolissa arvostamme yksityisyyttäsi suuresti. Kaikki tämän sivun tietojenkäsittely tapahtuu laitteellasi asiakaspuolen JavaScriptillä, mikä auttaa varmistamaan tietojen turvallisuuden. Emme tallenna tai säilytä mitään lähetettyjä tai luotuja tietoja. Lisätietoja verkkosivustomme tietosuojakäytännöistä löydät tietosuojakäytännöstämme.

Esimerkki

Syöte:
h1{color:blue;}p{font-size:16px;}
Napsauta Format-painiketta, jolloin tulos on:
h1 {
    color: blue;
}

p {
    font-size: 16px;
}

Tietoa CSS-koodin muotoilijasta

Tällä CSS-muotoilijalla voit muuntaa sekavan, minifioidun tai vaikeasti luettavan CSS-koodin selkeämpään muotoon, jossa sisennykset, välit ja rivinvaihdot ovat johdonmukaisia. Liitä CSS-koodi, valitse sisennyksen koko ja muotoile koodi helpommin luettavaksi rakenteeksi. Työkalu sopii tyylitiedostojen tarkistamiseen, kopioitujen CSS-katkelmien muokkaamiseen, asettelutyylien vianetsintään sekä koodin valmisteluun jakamista tai ylläpitoa varten.

• Ominaisuudet

Muotoile liitetty CSS-koodi selkeäksi ja helposti luettavaksi. Lisää yhtenäiset sisennykset, välit ja rivinvaihdot. Valitse sisennysvälien määrä oman koodityylisi mukaan. Siisti tiivis tai muotoilematon CSS helpommin luettavaksi ja muokattavaksi. Kopioi muotoiltu CSS-tulos käytettäväksi projektissa, editorissa tai dokumentaatiossa. Tämä muotoilija muuttaa vain koodin asettelua. Se ei ole CSS-minifioija, validaattori eikä automaattinen yhteensopivuuden tarkistin.