Was ist der MIME-Typ von .css-Dateien?
Der MIME-Typ (Medientyp) für Cascading Style Sheets-Dateien mit der Endung .css lautet text/css. Browser verweigern die Anwendung eines Stylesheets mit falschem Typ, wenn X-Content-Type-Options: nosniff gesetzt ist – ein häufiger Grund für „ungestylte Seiten“ auf falsch konfigurierten Servern und S3-Buckets.
Content-Type-Header
Content-Type: text/css; charset=utf-8Textbasierte Typen sollten einen charset enthalten, damit der Browser Zeichen korrekt dekodiert.
Server-Konfiguration
| Server | Konfiguration |
|---|---|
Nginx (mime.types oder types {}) | text/css css; |
Apache (.htaccess) | AddType text/css .css |
IIS (web.config) | <mimeMap fileExtension=".css" mimeType="text/css" /> |
| Node.js / Express | res.type('css') oder res.setHeader('Content-Type', 'text/css; charset=utf-8') |
| Amazon S3 | Setze Content-Type: text/css am Objekt (Metadaten) oder übergib --content-type text/css an aws s3 cp |
Sollten .css-Dateien komprimiert werden?
Ja. Cascading Style Sheets ist Text, daher spart das Aktivieren von gzip oder Brotli für text/css typischerweise 50–80 % der Übertragungsgröße. Stelle sicher, dass die Kompressionsliste deines Servers diesen Typ enthält – prüfe es mit dem Website-Kompressionstest.
Warum der MIME-Typ wichtig ist
Browser entscheiden anhand des Content-Type-Headers, nicht anhand der Dateiendung, was mit einer Antwort passiert – darstellen, ausführen, abspielen oder herunterladen. Bei X-Content-Type-Options: nosniff führt ein falscher Typ dazu, dass Stylesheets und Skripte vollständig blockiert werden. Bei Uploads solltest du dem vom Client gesendeten Typ nie vertrauen; prüfe stattdessen den Inhalt der Datei (ihre Magic Bytes) auf dem Server.
MIME-Typ-Suche
Durchsuche alle gängigen Dateiendungen und MIME-Typen, mit sofort kopierbaren Content-Type-Headern.
Häufige Fragen
Welcher MIME-Typ gilt für .css?
text/css.Wie setze ich den Content-Type für .css in Nginx?
text/css css; im Block types steht (meist in /etc/nginx/mime.types), und lade Nginx neu.