CSS

===Whitespace===
The whitespace between properties and selectors is ignored. This code snippet:
<syntaxhighlight lang="CSS">
body{overflow:hidden;background:#000000;background-image:url(images/bg.gif);background-repeat:no-repeat;background-position:left top;}
</syntaxhighlight>
is functionally equivalent to this one:
<syntaxhighlight lang="CSS">
body {
   overflow: hidden;
   background-color: #000000;
   background-image: url(images/bg.gif);
   background-repeat: no-repeat;
   background-position: left top;
}
</syntaxhighlight>

====Indentation====
{{Main|Indentation style}}
One common way to format CSS for readability is to indent each property and give it its own line. In addition to formatting CSS for readability, shorthand properties can be used to write out the code faster, which also gets processed more quickly when being rendered:<ref name="Mozilla Developers">{{cite news |url=https://developer.mozilla.org/en-US/docs/Web/CSS/Shorthand_properties |title=Shorthand properties |work=Tutorial |publisher=Mozilla Developers |date=2017-12-07 |access-date=2018-01-30 |archive-url=https://web.archive.org/web/20180130204516/https://developer.mozilla.org/en-US/docs/Web/CSS/Shorthand_properties |archive-date=2018-01-30 |url-status=dead }}</ref>

<syntaxhighlight lang="CSS">
body {
   overflow: hidden;
   background: #000 url(images/bg.gif) no-repeat left top;
}
</syntaxhighlight>Sometimes, multiple property values are indented onto their own line:<syntaxhighlight lang="css">
@font-face {
   font-family: 'Comic Sans';
   font-size: 20px;
   src: url('first.example.com'),
        url('second.example.com'),
        url('third.example.com'),
        url('fourth.example.com');
}
</syntaxhighlight>