أداة تضمين CSS أونلاين
حوّل قواعد CSS البسيطة غير المتداخلة إلى أنماط مضمنة؛ تُرفض المحددات المختلفة التي تتطابق مع العنصر نفسه صراحةً. تتم المعالجة محليًا داخل متصفحك.
ابدأ الاستخدام
أداة تضمين CSS أونلاين
حوّل قواعد CSS البسيطة غير المتداخلة إلى أنماط مضمنة؛ تُرفض المحددات المختلفة التي تتطابق مع العنصر نفسه صراحةً.
يحلل المتصفح HTML وCSS، ويضيف CSS الإضافي بعد نص جميع عناصر style. تتراكم القواعد ذات المحدد نفسه بترتيب المصدر. تحتفظ التصريحات المضمنة الأصلية بأولويتها المضمنة مع مراعاة !important. النتيجة دائمًا مستند كامل يبدأ بـ doctype، سواء أُزيلت وسوم style أم بقيت.
تُحوّل قواعد الأنماط غير المتداخلة فقط. إذا تطابقت نصوص محددات مختلفة مع العنصر نفسه، يتوقف التحويل بخطأ بدل تخمين درجة التخصيص. لا تُوسّع قواعد @ أو القواعد التي تحتوي CSS متداخلًا. لا تُحوّل العناصر الزائفة أو الأنماط المحسوبة أو أوراق الأنماط الخارجية. قد يتجاهل المتصفح CSS غير الصالح ويطبّع HTML.
يقبل كل محرر حتى 500000 وحدة ترميز UTF-16. يقتصر مجموع نصوص القواعد والفواصل والنصوص المضمنة الأصلية لجميع العناصر المطابقة على 4000000 وحدة ترميز UTF-16؛ وينطبق الحد نفسه على الناتج المتسلسل. قلّل عناصر HTML أو تصريحات CSS عند تجاوز الحد. هذه الحدود لا تضمن الأداء لأي مدخلات.
يستخدم التحويل CSS الملصق محليًا ولا يجلب أوراق الأنماط الخارجية. النتيجة نص وليست معاينة أو تنزيلًا أو أداة لتنقية HTML. لا تُزال السكربتات أو الشيفرات الخطرة. راجع الشيفرة قبل استخدامها واختبرها في المتصفح أو برنامج البريد المستهدف؛ لا يوجد ضمان لبقاء العرض مطابقًا.
<style>p{color:red}</style><p>A</p>
→ <p style="color: red;">A</p>تتم المعالجة محليًا داخل متصفحك.