تحتوي العديد من خصائص أنماط CSS على واصلات في أسمائها، والتي يتم تفسيرها على أنها علامات ناقص في JavaScript.
ولذلك، فإن أسماء خصائص كائنات CSS2Properties تختلف إلى حد ما عن أسماء خصائص CSS الحقيقية.
إذا كان اسم خاصية CSS يحتوي على واصلة واحدة أو أكثر، فيجب إزالة الواصلات في JS، ويتم تغيير الأحرف الأصلية مباشرة بعد الواصلات إلى أحرف كبيرة.
تجدر الإشارة إلى أن كلمة float هي كلمة أساسية في JS، لذا تتم كتابة float في JS على هيئة cssFloat أو floatStyle.
فيما يلي جدول مقارنة بين خصائص CSS وترميز CSS في JavaScript:
تسمية المربع ومقارنة السمات:
شفرة
بناء جملة CSS (حساس لحالة الأحرف) بناء جملة JavaScript (حساس لحالة الأحرف)
الحدود الحدودية
الحدود - الحدود السفلية - القاع
الحدود-اللون السفلي borderBottomColor
border-bottom-style borderBottomStyle
الحدود-العرض السفلي borderBottomWidth
لون الحدود borderColor
الحدود-الحدود اليسرىLeft
الحدود-اللون الأيسر borderLeftColor
الحدود ذات النمط الأيسر borderLeftStyle
الحدود-العرض الأيسر borderLeftWidth
الحدود اليمنى الحدود اليمنى
الحدود-اللون الأيمن borderRightColor
الحدود-النمط الأيمن borderRightStyle
الحدود-العرض الأيمن-الحدودRightWidth
نمط الحدود borderStyle
الحدود-الحدود-الأعلى
الحدود-اللون العلوي borderTopColor
border-top-style borderTopStyle
الحدود-أعلى-العرض borderTopWidth
عرض الحدود عرض الحدود
واضح واضح
تعويم floatStyle (أي) cssFloat (FF)
هامش الهامش
الهامش - الهامش السفلي - القاع
الهامش-الهامش الأيسر
هامش-يمين هامش-يمين
هامش أعلى هامش أعلى
حشوة الحشو
الحشو - الحشو السفلي
الحشو-الحشو الأيسر
الحشو-الحشو الأيمن
الحشو العلوي الحشو العلوي
تسمية اللون والخلفية ومقارنة السمات:
شفرة
بناء جملة CSS (حساس لحالة الأحرف) بناء جملة JavaScript (حساس لحالة الأحرف)
خلفية الخلفية
الخلفية - المرفقات الخلفية المرفقة
لون الخلفية - لون الخلفية
صورة الخلفية صورة الخلفية
موقف الخلفية الخلفية الموقف
تكرار الخلفية الخلفية تكرار
لون اللون
مقارنة علامات النمط والسمات:
شفرة
بناء جملة CSS (حساس لحالة الأحرف) بناء جملة JavaScript (حساس لحالة الأحرف)
عرض العرض
قائمة نمط القائمة ListStyleType
قائمة نمط الصورة listStyleImage
قائمة نمط الموقف listStylePosition
نمط القائمة listStyle
مساحة بيضاء مسافة بيضاء
تسمية نمط النص ومقارنة السمات:
شفرة
بناء جملة CSS (حساس لحالة الأحرف) بناء جملة JavaScript (حساس لحالة الأحرف)
الخط الخط
عائلة الخط FontFamily
حجم الخط حجم الخط
نمط الخط FontStyle
الخط المتغير FontVariant
وزن الخط وزن الخط
تسمية النص ومقارنة السمات:
شفرة
بناء جملة CSS (حساس لحالة الأحرف) بناء جملة JavaScript (حساس لحالة الأحرف)
تباعد الحروف letterSpacing
خط فاصل lineBreak
ارتفاع الخط خط الارتفاع
محاذاة النص textAlign
زخرفة النص textDecoration
مسافة بادئة للنص مسافة بادئة للنص
ضبط النص textJustify
تحويل النص textTransform
محاذاة عمودية محاذاة عمودية