Inliner CSS Dalam Talian
Tukar HTML dengan elemen gaya kepada gaya sebaris secara setempat. Sesuai untuk e-mel. Cuba contoh p{color:red}. Pemprosesan dilakukan secara setempat dalam…
Mula gunakan
Fungsi Utama Inliner CSS
Alat ini membantu anda menukar CSS yang terdapat dalam elemen <style> kepada atribut style sebaris pada setiap elemen HTML. Ini berguna untuk e-mel atau sistem yang memerlukan gaya sebaris.
Contoh Kerja
Jika anda memasukkan HTML berikut:
<style>p{color:red}</style><p>Hello</p>Maka perenggan akan menerima pengisytiharan gaya sebaris color:red. Jika pilihan "buang gaya" dipilih, elemen <style> akan dibuang dan hasilnya akan menjadi dokumen lengkap yang bermula dengan <!DOCTYPE html>.
Had dan Amaran
Penukaran ini ringan dan tidak melaksanakan sepenuhnya lata CSS, kekhususan, pertanyaan media, keyframes, pseudo-elemen, CSS bersarang, stylesheet pautan luaran atau gaya terkira. Pelayar mungkin menormalkan HTML semasa menghuraikan. Pemilih yang tidak sah akan dilangkau. Alat ini berjalan secara setempat dan tidak memuatkan stylesheet luaran atau aset jauh. Ia bukan pensanitasi, penguji keserasian, atau jaminan bahawa paparan visual tidak berubah. Sentiasa periksa output dalam klien e-mel atau pelayar sasaran.
Soalan Lazim
Apakah had saiz input?
Setiap editor dihadkan kepada 500000 aksara. Dokumen yang ditukar adalah teks yang boleh disalin.
Adakah alat ini menyokong CSS luaran?
Tidak. Alat ini hanya memproses CSS yang terdapat dalam elemen <style> dan CSS tambahan yang anda tampal dalam editor kedua. Ia tidak memuatkan stylesheet luaran.
Apakah yang berlaku kepada pemilih yang tidak sah?
Pemilih yang tidak sah akan dilangkau semasa penukaran. Ini bermakna peraturan tersebut tidak akan digunakan pada elemen.
Semak Sebelum Menggunakan
- Pastikan HTML anda sah dan tidak mengandungi elemen yang tidak disokong.
- Fahami bahawa CSS kompleks seperti media queries tidak akan diterjemahkan.
- Uji hasil dalam pelanggan e-mel atau pelayar sebenar.
Pemprosesan dilakukan secara setempat dalam pelayar anda.