CSS viewer
To open a CSS file, drop it in the box below. It opens straight away, even with no extension or the wrong one. Your browser opens it on your device: nothing is uploaded.
Open in
Opened on this device, never uploadedDrop or paste another file at any time
What you see
| CSS in the viewer | |
|---|---|
| Extensions | .css, .scss, .sass, .less |
| Colours | highlight.js, CSS, SCSS or Less |
| Large files | Coloured up to 1 MB; past that, plain text with line numbers (up to 64 MB) |
| Extensions | .css, .scss, .sass, .less |
| Upload | None: opened on your device |
What is a CSS file?
In short
Style sheets for web pages: CSS, and the Sass (.scss, .sass) and Less (.less) languages that compile to it.
The code with line numbers and colours for keywords, strings, comments and numbers, with Wrap lines and Copy. Details lists the text encoding and the number of lines.
How to open a CSS file
- Add your CSS. Drop the file in the box, choose it or paste it.
- Look at it. The code with line numbers and colours for keywords, strings, comments and numbers, with Wrap lines and Copy. Details lists the text encoding and the number of lines.
- Take it further. Download any file from inside an archive, or open another file.
Questions
Each has its own colours: .scss and .sass as SCSS, .less as Less, .css as CSS.
No. It is read in your browser and never uploaded.
No. The viewer runs in your browser and opens the file on your device. Nothing is sent anywhere.