ملاحظة:

في Dreamweaver CC والإصدارات اللاحقة، تم استبدال اللوحة CSS Styles بـ CSS Designer. لمزيد من المعلومات، راجع CSS Designer.

يمكنك تعيين التفضيلات التي تتحكم في تنسيق تعليمات CSS البرمجية عند إنشاء قاعدة CSS أو تحريرها باستخدام واجهة Dreamweaver. على سبيل المثال، يمكنك تعيين تفضيلات تقوم بإدراج جميع خصائص CSS في سطور منفصلة، وإدراج سطر فارغ بين قواعد CSS، وما إلى ذلك.

عند تعيين تفضيلات تنسيق تعليمات CSS البرمجية، يتم تطبيق التفضيلات التي تقوم بتحديدها تلقائيًا على جميع قواعد CSS الجديدة التي تقوم بإنشائها. ومع ذلك، يمكنك أيضًا تطبيق هذه التفضيلات يدويًا على مستندات مفردة. قد يكون هذا الأمر مفيدًا إذا كان لديك مستند HTML أو CSS أقدم يتطلب التنسيق.

ملاحظة:

يتم تطبيق تفضيلات تنسيق تعليمات CSS البرمجية على قواعد CSS في أوراق الأنماط الخارجية أو المضمّنة فقط (وليس على الأنماط السطرية)

تعيين تفضيلات تنسيق تعليمات CSS البرمجية

  1. حدد Edit > Preferences.
  2. في مربع الحوار Preferences، حدد الفئة Code Format.
  3. بجوار Advanced Formatting، انقر فوق الزر CSS.
  4. في مربع الحوار CSS Source Format Options، حدد الخيارات التي تريد تطبيقها على التعليمات البرمجية المصدر لـ CSS. تظهر معاينة لـ CSS بالشكل الذي ستظهر عليه وفقًا للخيارات التي قمت بتحديدها في النافذة Preview أدناه.

    Indent Properties With

    لتعيين قيمة المسافة البادئة للخصائص ضمن قاعدة: يمكنك تحديد علامات جدولة أو مسافات.

    Each Property On A Separate Line

    لإدراج كل خاصية ضمن قاعدة في سطر منفصل.

    Opening Brace On Separate Line

    لإدراج قوس الفتح لقاعدة في سطر منفصل عن المحدد.

    Only If More Than One Property

    لإدراج القواعد الخاصة بخاصية واحدة في نفس السطر الخاص بالمحدد.

    All Selectors For A Rule On Same Line

    لإدراج جميع المحددات الخاصة بالقاعدة في نفس السطر.

    Blank Line Between Rules

    لإدراج سطر فارغ بين كل قاعدة.

  5. انقر فوق OK.

ملاحظة:

يرث تنسيق تعليمات CSS البرمجية كذلك التفضيل Line Break Type الذي تقوم بتعيينه في الفئة Code Format بمربع الحوار Preferences.

تنسيق تعليمات CSS البرمجية في ورقة أنماط CSS يدويًا

  1. افتح ورقة أنماط CSS.
  2. حدد Commands > Apply Source Formatting.

    يتم تطبيق خيارات التنسيق التي تقوم بتعيينها في تفضيلات تنسيق تعليمات CSS البرمجية على المستند بالكامل. لا يمكنك تنسيق تحديدات مفردة.

تنسيق تعليمات CSS البرمجية المضمّنة يدويًا

  1. افتح صفحة HTML تحتوي على CSS مضمّنة بعنوان المستند.
  2. حدد أي جزء من التعليمات البرمجية لـ CSS.
  3. حدد Commands > Apply Source Formatting To Selection.

    يتم تطبيق خيارات التنسيق التي تقوم بتعيينها في تفضيلات تنسيق تعليمات CSS البرمجية على جميع قواعد CSS في عنوان المستند فقط.

    ملاحظة:

    يمكنك تحديد Commands > Apply Source Formatting لتنسيق المستند بالكامل وفقًا لتفضيلات تنسيق التعليمات البرمجية المحددة الخاصة بك.

تم ترخيص هذا العمل بموجب الترخيص العام غير المعدل الخاص بالإسناد وعدم التجارة والمشاركة الإصدار 3.0 ‏من ‏‏Creative Commons‏‏  إن بنود Creative Commons لا تشمل منشورات Twitter™‎ وFacebook.

إشعارات قانونية   |   سياسة الخصوصية على الإنترنت