Apa tipe MIME file .css?
Tipe MIME (media type) untuk file Cascading Style Sheets dengan ekstensi .css adalah text/css. Browser menolak menerapkan stylesheet yang dikirim dengan tipe yang salah saat X-Content-Type-Options: nosniff diaktifkan — penyebab umum bug “halaman tanpa styling” pada server yang salah konfigurasi dan bucket S3.
Header Content-Type
Content-Type: text/css; charset=utf-8Tipe berbasis teks sebaiknya menyertakan charset agar browser men-decode karakter dengan benar.
Konfigurasi server
| Server | Konfigurasi |
|---|---|
Nginx (mime.types atau 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') atau res.setHeader('Content-Type', 'text/css; charset=utf-8') |
| Amazon S3 | Atur Content-Type: text/css pada objek (metadata), atau kirim --content-type text/css ke aws s3 cp |
Apakah file .css perlu dikompresi?
Perlu. Cascading Style Sheets berbentuk teks, jadi mengaktifkan gzip atau Brotli untuk text/css biasanya menghemat 50–80 % ukuran transfer. Pastikan daftar kompresi server kamu menyertakan tipe ini — cek dengan tes kompresi website.
Mengapa tipe MIME penting
Browser memutuskan apa yang dilakukan dengan sebuah respons — ditampilkan, dijalankan, diputar, atau diunduh — berdasarkan header Content-Type, bukan ekstensi file. Dengan X-Content-Type-Options: nosniff, tipe yang salah membuat stylesheet dan script langsung diblokir. Untuk unggahan, jangan pernah percaya tipe yang dikirim klien; periksa isi file (magic bytes-nya) di server.
Pencarian tipe MIME
Cari semua ekstensi file dan tipe MIME umum, lengkap dengan header Content-Type siap salin.
Pertanyaan yang sering diajukan
Apa tipe MIME untuk .css?
text/css.Bagaimana cara mengatur Content-Type untuk .css di Nginx?
text/css css; ada di blok types (biasanya di /etc/nginx/mime.types) lalu muat ulang Nginx.