⌕
Beranda / Alat Pengembang / Inliner CSS Online
Alat online gratis

Inliner CSS Online

Tempel HTML dengan tag style, alat ini mengubah CSS menjadi gaya inline dan menghapus tag style. Proses lokal, hingga 500.000 karakter. Pemrosesan dilakukan…

Mulai menggunakan

Fitur dan Cara Kerja Inliner CSS

Alat ini membantu Anda menyatukan CSS ke dalam atribut style setiap elemen, sehingga gaya tidak bergantung pada elemen <style> yang mungkin dihapus oleh klien email. Prosesnya berlangsung lokal di browser Anda.

Contoh Konkret

Misalkan Anda memasukkan HTML berikut:

<style>p{color:red}</style><p>Halo</p>

Setelah konversi, paragraf akan menerima deklarasi warna inline: <p style="color: red;">Halo</p>. Jika opsi hapus gaya aktif, elemen <style> akan dihilangkan dari dokumen akhir.

Parameter dan Batasan

  • Setiap editor dibatasi hingga 500.000 karakter.
  • Alat ini hanya memproses blok CSS sederhana yang cocok dengan pola kurung kurawal. Selektor yang tidak valid akan dilewati.
  • Konversi tidak menerapkan kaskade CSS penuh, spesifisitas, media query, keyframes, pseudo-elemen, CSS bersarang, stylesheet eksternal, atau gaya terhitung (computed styles).
  • Browser dapat menormalkan HTML selama penguraian, jadi struktur output mungkin sedikit berbeda dari input.
  • Alat ini bukan pembersih (sanitizer), penguji kompatibilitas, atau penjamin bahwa tampilan visual tidak berubah.

Pertanyaan yang Sering Diajukan

Apakah alat ini memuat CSS eksternal dari file atau URL?

Tidak. Konversi berjalan sepenuhnya lokal dan tidak memuat stylesheet eksternal atau aset jarak jauh. Anda harus menempelkan CSS ekstra secara manual jika diperlukan.

Mengapa beberapa gaya tidak diterapkan pada elemen?

Alat ini hanya memproses selektor sederhana yang cocok dengan pola kurung kurawal. Selektor yang tidak valid, pseudo-elemen, atau aturan media query akan dilewati. Selain itu, kaskade dan spesifisitas tidak diterapkan sepenuhnya, jadi hasilnya mungkin berbeda dari browser.

Apakah hasil konversi selalu berupa dokumen lengkap dengan doctype?

Jika opsi hapus gaya aktif, hasilnya diserialisasi sebagai dokumen lengkap yang diawali dengan doctype. Jika tidak, hasilnya mungkin berupa fragmen HTML. Selalu periksa output di klien email target.

Pengingat Privasi

Karena konversi berjalan di browser Anda, kode HTML tidak dikirim ke server mana pun. Namun, selalu berhati-hati saat menempelkan data sensitif ke alat online.

Pemrosesan dilakukan secara lokal di browser Anda.