سمات CSS المدعومة عند تحويل HTML إلى DOCX
وGrabzIt HTML إلى DOCX يقرأ المحول جميع عناصر HTML ويحاول إنتاج أقرب تقريب لكل عنصر في DOCX. نظرًا لأننا نستخدم متصفحًا للقيام بأنماط التحليل لعناصر HTML، يتم استخدام متصفح CSS لنوع العنصر أو CSS المخصص الذي يوفره HTML.
يوضح الجدول أدناه كيفية تصميم نصوص DOCX والصور والجداول والخطوط الأفقية والأقسام، في حين أن هذا لا يقدم سوى نظرة عامة واسعة على ما يفعله محول HTML إلى DOCX، ومن المفترض أن يمكّنك من إنشاء HTML يمكن تحويله بسهولة into مستندات DOCX رائعة.
| نص | ||
|---|---|---|
| سمات دوككس | سمات CSS | ملاحظة |
| الخط | الخط بين أفراد الأسرة | |
| حجم الخط | حجم الخط | |
| لون الخط | اللون | |
| تباعد اليسار واليمين | الحشو لليسار، الحشو لليمين، الهامش لليسار، الهامش لليمين | |
| تباعد العلوي والسفلي | الحشو العلوي، الحشو السفلي، الهامش العلوي، الهامش السفلي | |
| تباعد الأسطر | خط الطول | |
| تقنين | تباعد الحروف | |
| تسليط الضوء | لون الخلفية | سيتم تطبيق هذا فقط إذا كان يطابق أحد ألوان التمييز التي تسمح بها مواصفات DOCX: أسود، أزرق، سماوي، أزرق داكن، سماوي داكن، رمادي داكن، أخضر داكن، أرجواني داكن، أحمر داكن، أصفر داكن، أخضر، رمادي فاتح، أرجواني، لا شيء، أحمر، أبيض ، أصفر |
| الخطّ الغامق | الخط الوزن | |
| مائل | على غرار الخط | |
| أكد | النص الديكور | |
| تسطير اللون | النص الديكور اللون | |
| تسطير النمط | على غرار وسام النص | |
| الإضراب من خلال | النص الديكور | |
| انحياز | مواءمة النصوص | |
| اتجاه | اتجاه | |
| أحرف كبيرة، أحرف صغيرة، حالة العنوان | تحويل النص | |
| قبعات صغيرة | الخط المتغير قبعات | |
| المسافة البادئة النص | المسافة البادئة النص | |
| مرتفع و منخفض | محاذاة عمودية | |
| النقش، النقش، الظل، الخطوط العريضة | نص الظل | |
| عناوين | العلامات h1، h2، h3، h4، h5، h6 | |
| عرض الحدود | عرض الحدود | لاحظ أنه سيتم تطبيق أنماط CSS هذه على النص فقط إذا كانت جميع جوانب الحدود لها نفس القيمة لكل نوع سمة. |
| لون الحدود | لون الحدود | |
| نمط الحدود | نمط الحدود | |
| طاولة | ||
| سمات دوككس | سمات CSS | ملاحظة |
| عرض الحدود | عرض الحدود | |
| لون الحدود | لون الحدود | |
| نمط الحدود | نمط الحدود | |
| انحياز | مواءمة النصوص | |
| إبقاء مع التالي | اقتحام | ينطبق فقط في حالة تحديد خيار "تجنب". |
| صف الجدول | ||
| سمات دوككس | سمات CSS | ملاحظة |
| كسر عبر الصفحات | اقتحام | ينطبق، ما لم يتم تحديد خيار "تجنب". |
| خلية الجدول | ||
| سمات دوككس | سمات CSS | ملاحظة |
| عرض الحدود | عرض الحدود | |
| لون الحدود | لون الحدود | |
| نمط الحدود | نمط الحدود | |
| انحياز عمودي | محاذاة عمودية | |
| تظليل | لون الخلفية | |
| حشوة الخلية | حشوة | |
| عرض الخلية | عرض | في DOCX لا يوجد مفهوم ارتفاع الخلية. |
| صورة | ||
| سمات دوككس | سمات CSS | ملاحظة |
| تباعد اليسار واليمين | الحشو لليسار، الحشو لليمين، الهامش لليسار، الهامش لليمين | |
| تباعد العلوي والسفلي | الحشو العلوي، الحشو السفلي، الهامش العلوي، الهامش السفلي | |
| انحياز | محاذاة النص، الهامش الأيسر، الهامش الأيمن، float | |
| اتجاه | اتجاه | |
| تناوب | تحول | |
| عرض الحدود | عرض الحدود | لاحظ أنه سيتم تطبيق أنماط CSS هذه على الصورة فقط إذا كانت جميع جوانب الحدود لها نفس القيمة لكل نوع سمة. |
| لون الحدود | لون الحدود | |
| نمط الحدود | نمط الحدود | |
| قائمة | ||
| سمات دوككس | سمات CSS | ملاحظة |
| علامة عنصر القائمة | نوع نمط القائمة | |
| تباعد اليسار واليمين | الحشو لليسار، الحشو لليمين، الهامش لليسار، الهامش لليمين | |
| تباعد العلوي والسفلي | الحشو العلوي، الحشو السفلي، الهامش العلوي، الهامش السفلي | |
| إبقاء مع التالي | اقتحام | ينطبق فقط في حالة تحديد خيار "تجنب". |
| خط أفقي | ||
| سمات دوككس | سمات CSS | ملاحظة |
| لون الحدود | لون الحدود | |
| نمط الحدود | نمط الحدود | |
| القسم | ||
| سمات دوككس | سمات CSS | ملاحظة |
| عدد الأعمدة | عدد الأعمدة | |
| خط العمود | قاعدة العمود | |
| تباعد الأعمدة | فجوة العمود | |
| فواصل الصفحة | اقتحام بعد، اقتحام في الداخل | مزيد من المعلومات حول كيفية الاستخدام فواصل الصفحات في التطبيق الخاص بك. |
| شكل عناصر التحكم | ||
| سمات دوككس | سمات CSS | ملاحظة |
| الخط | الخط بين أفراد الأسرة | |
| حجم الخط | حجم الخط | |
| لون الخط | اللون | |
| تباعد اليسار واليمين | الحشو لليسار، الحشو لليمين، الهامش لليسار، الهامش لليمين | |
| تباعد العلوي والسفلي | الحشو العلوي، الحشو السفلي، الهامش العلوي، الهامش السفلي | |
| تسليط الضوء | لون الخلفية | سيتم تطبيق هذا فقط إذا كان يطابق أحد ألوان التمييز التي تسمح بها مواصفات DOCX: أسود، أزرق، سماوي، أزرق داكن، سماوي داكن، رمادي داكن، أخضر داكن، أرجواني داكن، أحمر داكن، أصفر داكن، أخضر، رمادي فاتح، أرجواني، لا شيء، أحمر، أبيض ، أصفر |
| الخطّ الغامق | الخط الوزن | |
| مائل | على غرار الخط | |
| أكد | النص الديكور | |
| تسطير اللون | النص الديكور اللون | |
| تسطير النمط | على غرار وسام النص | |
| الإضراب من خلال | النص الديكور | |
| انحياز | مواءمة النصوص | |
| اتجاه | اتجاه | |
| أحرف كبيرة، أحرف صغيرة، حالة العنوان | تحويل النص | |
| قبعات صغيرة | الخط المتغير قبعات | |
| مرتفع و منخفض | محاذاة عمودية | |
| النقش، النقش، الظل، الخطوط العريضة | نص الظل | |
| عرض الحدود | عرض الحدود | لاحظ أنه سيتم تطبيق أنماط CSS هذه على النص فقط إذا كانت جميع جوانب الحدود لها نفس القيمة لكل نوع سمة. |
| لون الحدود | لون الحدود | |
| نمط الحدود | نمط الحدود | |
عناصر DOCX HTML الخاصة
على الرغم من أنها ليست CSS بشكل صارم، إلا أن هذه الميزات يمكن أن تساعدك على تحسين مستند Word الخاص بك وتستحق الإشارة إليها هنا.
لا توجد معلومات كافية للقراءة حول النهج الذي يتبعه GrabzIt عند تحويل HTML إلى DOCX.