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

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

  • text-shadow

  • box-shadow

  • border-radius

  • border-image

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

החלונית הנפתחת מציגה אפשרויות עבור המאפיין border-image של CSS3

החלת מאפייני CSS3 באמצעות החלונית הנפתחת

  1. לחץ על הסמל "+" התואם למאפיינים אלה. השתמש באפשרויות בחלונית הנפתחת כדי להחיל את המאפיין.

ציון ערכות ערכים מרובות

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

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

איתור מאפיינים בתצוגת Category

בתצוגת 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.

תצוגה מקדימה של שינויים בתצוגת Live

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

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

  • text-shadow

  • border-radius

  • ‎-webkit-box-shadow

  • ‎-webkit-border-image

קבל עזרה במהירות ובקלות

משתמש חדש?