التحسينات على دعم CSS3 في لوحة CS5.5 styles (الإصدار CS5.5)

تم إدخال لوحة منبثقة في اللوحة CSS للخصائص التالية:

  • text-shadow

  • box-shadow

  • border-radius

  • border-image

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

خيارات عرض اللوحة المنبثقة لصورة حد خاصية CSS3

تطبيق خصائص CSS3 باستخدام اللوحة المنبثقة

  1. انقر فوق رمز علامة الجمع "+" المقابل لهذه الخصائص. استخدم الخيارات الموجودة في اللوحة المنبثقة لتطبيق الخاصية.

تحديد مجموعات قيم متعددة

تدعم خصائص CSS3 مثل ظل النص مجموعات قيم متعددة. على سبيل المثال: text-shadow: 3px 3px #000, -3px -3px #0f0;

عند تحديد مجموعات قيم متعددة في عرض التعليمة البرمجية وفتح اللوحة المنبثقة للتحرير، سيتم عرض مجموعة القيم الأولى فقط. إذا قمت بتحرير مجموعة القيم في اللوحة المنبثقة، فلن يتأثر سوى مجموعة القيم الأولى في التعليمة البرمجية. ولن تتأثر مجموعات القيم الأخرى، ويتم تطبيقها على النحو المحدد في التعليمة البرمجية.

تحديد موقع الخصائص في طريقة العرض Category

في طريقة العرض Category، يتم سرد text-shadow ضمن الفئة Font.ويتم سرد box-shadow، و border-radius، وborder-image ضمن الفئة Border.

ضمان التوافق مع المستعرضات

يدعم Dreamweaver CS5.5 أيضًا تنفيذ معين للمستعرضات (webkit، وMozilla) للخصائص box-shadow، وborder-radius، وborder-image.

في طريقة العرض Category، استخدم الخيارات الموجودة ضمن فئة المستعرض المقابلة لضمان توافق المستعرض لتلك الخصائص. على سبيل المثال، لإحداث توافق مع تنفيذ Mozilla للخاصية border-image، قم بتحرير -moz-border-image في الفئة Mozilla.

معاينة في طريقة العرض Live

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

خصائص CSS3 التالية مدعومة في طريقة العرض Live:

  • text-shadow

  • border-radius

  • -webkit-box-shadow

  • -webkit-border-image

شعار Adobe

تسجيل الدخول إلى حسابك