שיפורים בתמיכה ב-CSS3 בחלונית CSS Styles של CS5.5

חלונית נפתחת נוספה לחלונית CSS עבור המאפיינים הבאים:

• text-shadow

• box-shadow

• border-radius

• border-image

האפשרויות בחלונית הנפתחת מבטיחות שתחיל את המאפיין כראוי גם אם אינך מכיר את התחביר של W3C.

מאפייני CSS3 כגון text-shadow תומכים בערכות ערכים מרובות. לדוגמה: text-shadow: 3px 3px #000, -3px -3px #0f0;‎

כאשר אתה מציין ערכות ערכים מרובות בתצוגת Code ופותח את החלונית הנפתחת לעריכה, רק ערכת הערכים הראשונה מוצגת. אם אתה עורך ערכת ערכים זו בחלונית הנפתחת, רק ערכת הערכים הראשונה בקוד מושפעת. ערכות הערכים האחרות אינן מושפעות והן מוחלות כפי שמצוין בקוד.

בתצוגת Category, ‏text-shadow מפורט תחת הקטגוריה Font. box-shadow, ‏border-radius ו-border-image מפורטים תחת הקטגוריה Border.

Dreamweaver CS5.5 גם תומך ביישום ספציפי לדפדפן (webkit, ‏Mozilla) של המאפיינים box-shadow, ‏border-radius ו-border-image.

בתצוגת Category, השתמש באפשרויות תחת קטגוריית הדפדפן המתאימה כדי להבטיח תאימות עם הדפדפן עבור מאפיינים אלה. לדוגמה, כדי להבטיח התאמה ליישום המאפיין border-image ב-Mozilla, ערוך את ‎-moz-border-image בקטגוריה Mozilla.

שינויים המבוצעים במאפייני CSS אינם מוצגים בתצוגת Design. עבור לתצוגת Live כדי להציג שינויים בתצוגה מקדימה. ניתן גם לבצע עריכה מהירה במאפייני CSS3 בתצוגת Live, והשינויים ישתקפו באופן מיידי בתצוגה זו.

מאפייני CSS3 הבאים נתמכים בתצוגת Live:

• text-shadow

• border-radius

• ‎-webkit-box-shadow

• ‎-webkit-border-image