text/css
Basic information
| Type | text |
|---|---|
| Subtype | css |
| Structured suffix | None |
| File extensions | .css |
| Category | Text |
| Standard | IANA media type registry or common platform registration |
MIME anatomy
text/css has a top-level type of text and a subtype of css. The top-level type tells clients the broad handling model, while the subtype identifies the exact format, codec family, document type, or container.
| Part | Value | What to check |
|---|---|---|
| Top-level type | text | Controls broad behavior such as text rendering, image decoding, download handling, or multipart parsing. |
| Subtype | css | Should match the real file format, not only the filename extension. |
| Structured suffix | None | No structured suffix is declared for this type. |
| Charset | UTF-8 | Use charset=utf-8 when clients need deterministic text decoding. |
| Binary payload | No | Text-aware tooling may inspect or transform the body when the charset is correct. |
HTTP header
Content-Type: text/css; charset=utf-8Common use
Use text/css in Content-Type and Accept headers when serving or requesting CSS stylesheets. Correct MIME types help browsers, APIs, uploads, and download workflows handle files safely and predictably.
Browser support depends on the media type and the feature using it. Browsers can download almost any MIME type, but only selected text, image, audio, video, font, and document types are rendered natively.
For uploads, do not trust the file extension alone. Check the declared MIME type, validate the file signature when security matters, and store the original extension separately from the trusted server-side classification.
Browser and API behavior
| Context | How text/css is used | Practical check |
|---|---|---|
| HTTP response | Send text/css; charset=utf-8 so clients choose the right parser or renderer. | Inspect the Network panel and confirm the response header, not just the file extension. |
| HTTP request | Use Accept: text/css when an API can return several formats. | Return 406 Not Acceptable or a documented fallback when the type is unavailable. |
| Upload form | Use file extension and declared MIME type as hints. | For risky uploads, verify magic bytes or parse the file before trusting it. |
| Storage | Store the trusted MIME classification separately from the original filename. | This keeps later downloads correct even if a user uploads a misleading name. |
Common mistakes
- Serving text content as
application/octet-streamwhen the browser or API client expectstext/css. - Assuming .css proves the file is safe. Extensions are user-controlled and should be treated as hints.
- Omitting charset when clients need deterministic text decoding. For this type, UTF-8 is the usual choice.
HTML download
<a href="/download.css" download type="text/css">Download file</a>fetch Accept header
fetch("/api/file", {
headers: { Accept: "text/css" }
});multer upload filter
const upload = multer({
fileFilter: (req, file, cb) => cb(null, file.mimetype === "text/css")
});Express response
app.get("/file", async (req, res) => {
res.setHeader("Content-Type", "text/css; charset=utf-8");
res.send(await readFile("example.css"));
});Flask response
from flask import send_file
@app.get("/file")
def file():
return send_file("example.css", mimetype="text/css", as_attachment=False)Go net/http response
func handler(w http.ResponseWriter, r *http.Request) {
w.Header().Set("Content-Type", "text/css; charset=utf-8")
http.ServeFile(w, r, "example.css")
}Nginx type mapping
types {
text/css css;
}
default_type application/octet-stream;curl negotiation
curl -H "Accept: text/css" https://example.com/file.cssValidation checklist
| Check | Recommended handling |
|---|---|
| Declared type | Compare the uploaded or generated MIME value with text/css when this exact format is required. |
| Extension | Accept .css only as a convenience signal, not as proof of content. |
| Signature or parser | Decode using the expected charset and reject malformed text when strict processing matters. |
| Download safety | Set Content-Disposition deliberately when the file should download instead of render inline. |
| Caching | Use cache headers that match the file lifecycle, especially for generated assets and user uploads. |