من أجل تحقيق بعض التأثير الخاص، نحتاج إلى استخدام Javascript لتغيير سمة CSS لعلامة معينة ديناميكيًا. على سبيل المثال: عندما يمر الماوس فوق صورة ما، نضيف حدًا للصورة، وقد يكون الكود كما يلي:
خلف النمط في JavaScript ما ينبغي أن تكون خصائص؟
| سمات مربع التسمية ومقارنة السمات | |
|---|---|
| بناء جملة CSS (غير حساس لحالة الأحرف) | بناء جملة جافا سكريبت (حساس لحالة الأحرف) |
| الحدود | الحدود |
| الحدود السفلية | الحدود السفلية |
| حدود اللون السفلي | BottomColor |
| الحدود الحدود نمط القاع | BottomStyle |
| الحدود | |
| العرض السفليحدود العرض | السفلي |
| -لون | الحدودلون |
| الحدود الحدود | اليسرىالحدود | اليسرى
| -حدود اللون الأيسر | LeftColor |
| الحدود-حدود النمط الأيسر | LeftStyle |
| الحدود-حدود العرض الأيسر | LeftWidth |
| الحدود- | الحدود اليمنىالحدود | اليمنى
| - | حدود اللون الأيمن | RightColor
| الحدود-حدود النمط الأيمن | RightStyle |
| الحدود-حدود العرض الأيمن | RightWidth |
| الحدود- نمط | BorderStyle |
| حد- | أعلى |
| الحدودالحدود العليا-حدود اللون العلوي | -حدود | اللون العلوي
| - | حدود النمط العلوي-TopStyle |
| الحدود-حدود العرض العلوي- | TopWidth |
| حدود عرض | الحدودالعرض |
| واضح | واضح |
| تعويم تعويم | نمط |
| هامش | الهامش |
| الهامش السفلي | الهامش | السفلي
| الهامش | الأيسر- |
| الهامش | الأيمن |
| العلوي | |
| الحشو | العلوي |
| الحشو | |
| - | الحشو | السفلي،
| الحشو السفلي - | الحشو | الأيسر،
| الحشو الأيسر - | الحشو الأيمن، الحشو | الأيمن
| - | الحشو | العلوي
| مقارنة الألوان والخلفية والسمات | |
| بناء جملة CSS (غير حساس لحالة الأحرف) | بناء جملة JavaScript (حساس لحالة الأحرف) |
| خلفية | الخلفية | خلفية
| المرفقات | خلفية |
| اللون | المرفقةخلفية ملونة خلفية |
| الصورة خلفية الصورة | الخلفية |
| موضع | الخلفية خلفية |
| تكرار الخلفية | تكرار |
| لون | اللون |
| مقارنة علامات النمط وسماته | |
| ببناء جملة CSS (غير حساس لحالة الأحرف | ) |
| عرض | بناء |
| جملة جافا سكريبت (حساس لحالة الأحرف) قائمة نوع القائمة نمط | القائمةStyleType |
| list-style-image | listStyleImage |
| list-style-position | listStylePosition |
| list-style | listStyle |
| White-space | WhiteSpace |
| مقارنة علامات وسمات نمط النص | |
| ببناء جملة CSS (غير حساس لحالة الأحرف) | بناء جملة JavaScript (حساس لحالة الأحرف) |
| خط | الخط |
| خط عائلة | الخط |
| حجم | الخط حجم الخط حجم الخط |
| نمط | الخط نمط | الخط
| المتغير الخط | المتغير وزن |
| الخط | الوزن |
| تسمية النص ومقارنة السمات | |
| بناء جملة CSS (غير حساس لحالة الأحرف) | بناء جملة جافا سكريبت (حساس لحالة الأحرف) |
| تباعد الحروف | تباعد |
| سطر | فاصلالأسطركسر |
| خط ارتفاع | الخطارتفاع |
| النص محاذاة | النصمحاذاة | النص زخرفة النصديكور
| النص | مسافة |
| بادئة | للنصمسافة | بادئة للنصضبط
| النصضبط | النص- |
| تحويل | تحويل النص |
| عموديًا - محاذاة | عموديًا |