cascading style sheets reference

ממשק משתמש - User Interface

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

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

ולבסוף, CSS2 מציג בפנינו את הרעיון של פונט המערכת, המאפשר לכם להגדיר פונטים, בהתבסס על אלה המשמשים את המערכת עבור סוגים שונים של אובייקטים, כמו פריטי תפריט וטקסט ברירת המחדל עבור פריטי חלון. עבור יותר פרטים בנושא, בדקו את החלק אודות תכונות סגנון הטקסט.

סמן (cursor)

מה הוא עושה?

תכונה זו קובעת את הסמן כאשר העכבר מרחף מעל אלמנט נבחר.

ערכים אפשריים

ניתן להגדיר את הסמן, או כערך אחד מתוך מספר ערכים של מילות מפתח, או כ-URL, המצביע על קובץ מסוג .cur (קובץ מקור סמן).

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

• auto הדפדפן קובע את הסמן לתצוגה, בהתבסס על ההקשר הנוכחי.
• crosshaircrosshair פשוט (לדוגמא, מקטעי שורה קצרים, הדומים לסימן "+").
• default סמן ברירת המחדל תלוי בבמה. לעיתים הוא מתורגם כחץ.
• pointer הסמן הוא מחוג המצביע על קישור.
• move מצביע על משהו שעומדים להזיז.
• *-resize מצביע על כך שעומדים להזיז את הקצה. * מוחלף ב-N, S, E, W, NE, NW, SE, SW עבור כל אחד מן הקצוות (צפון, דרום, מזרח, מערב וכו',,,).
• text מצביע על טקסט שעתיד להיבחר. לעיתים מתורגם כמקש I.
• wait הסמן מופיע כדי להצביע כי התוכנית עסוקה ועל המשתמש להמתין. לעיתים מתורגם כשעון או כשעון חול.
• help הוא זמין עבור האובייקט שנמצא מתחת לסמן. לעיתים זה מתורגם כסימן שאלה או כבלון.

ערכים של ברירת מחדל

ערך הסמן של ברירת מחדל הוא auto, המגיב לדרך הנוכחית שבה הדפדפנים משרטטים סמנים.

האם זה עובר בירושה?

אלמנט הילד יורש את הסמן של אלמנטים ההורים שלו. זכרו כי ניתן לבטל תכונות העוברות בירושה.

outline

מה הוא עושה?

תכונה זו קובעת את קווי המתאר מסביב לאובייקט, כדי להצביע על כך שלאובייקט יש פוקוס (מיקוד). לא מחויב שיהיה לאובייקטים פוקוס, בכדי שיהיו להם קווי מתאר, ואולם, יש ללכת בעקבות עקרונות ממשק משתמש שהם טובים. ככלל כללי, המשתמשים מצפים מקווי המתאר להצביע על כך שלאובייקט המתואר יש פוקוס.

ערכים אפשריים

outline (קווי מתאר) הוא קיצור לשלוש תכונות המתוארות למטה: outline-style (סגנון-קווי-המתאר), outline-width (רוחב-קווי-המתאר) ו-outline-color (צבע-קווי-המתאר). הוא מקבל רשימה של ערכיי רוחב, סגנון וצבע (כפי שמתואר לגבי התכונות האינדיבידואליות שלמטה).

ערכים של ברירת מחדל

ערך ברירת המחדל זהה עבור כל אחד מן הערכים המתוארים למטה.

האם זה עובר בירושה?

אלמנטים ילדים אינם יורשים את קווי-המתאר של הוריהם.

צבע-קווי-מתאר - outline-color

מה הוא עושה?

צבע-קווי-המתאר מגדיר את הצבע שיש להשתמש בו עבור שרטוט קווי המתאר סביב האלמנט. שלא כמו הגבול, הצבע של כל קצה של קווי המתאר הוא זהה.

ערכים אפשריים

צבע-קווי-המתאר מוגדר ע"י צבע. אנו דנים בערכיי צבע בפירוט בחלק העוסק בערכים. בנוסף, ניתן להשתמש במילת המפתח (להפוך) .

Invert הופך כל אחד מן הפיקסלים שבגבול. הדבר מבטיח כי קו המתאר יהיה נראה לעין ללא קשר לצבע הרקע.

ערכים של ברירת מחדל

אם לא הוגדר כל צבע שהוא עבור קווי-המתאר, קווי המתאר יהיו invert; פירושו שקווי המתאר יהיו הצבע ההפוך של הרקע.

האם זה עובר בירושה?

צבע-קווי-המתאר של האלמנט אינו עובר בירושה מאלמנט ההורה.

סגנון-קווי-המתאר - outline-style

מה הוא עושה?

בנוסף לרוחב ולצבע, קו המתאר של האלמנט יכול לקבל גם סגנון. קיימים מספר סגנונות אפשריים.

ערכים אפשריים

קווי מתאר מוגדרים בעזרת שימוש במילות מפתח.

מילות המפתח עבור סגנון-קווי-המתאר הן:

• none
• dotted
• dashed
• solid
• double
• groove
• ridge
• inset
• outset

ערכים של ברירת מחדל

אם לא הוגדרה כל תכונה של סגנון-קווי-מתאר, הסגנון של קו המתאר יהיה none.

האם זה עובר בירושה?

האלמנטים אינם יורשים את סגנון-קווי-המתאר של הוריהם.

רוחב-קווי-המתאר - outline-width

ערכים אפשריים

רחבים של קווי מתאר יכולים לקבל או ערכים של מילות מפתח, או ערכיי אורך.

ערכיי מילת המפתח שיכולים לשמש אותנו הם:/p>

• דק (thin)
• בינוני (medium)
• עבה (thick)

לא נקבע מפרט שהוא עבור משמעות מילות המפתח הללו, לכן דפדפנים שונים ישרטטו אותם, ככל הנראה, בעוביים שונים. הערובה היחידה היא שדק אינו עבה יותר ממדיום שאינו עבה יותר מעבה.

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

ערכים של ברירת מחדל

אם לא נקבע כל רוחב שהוא, העובי של קווי המתאר הוא מדיום.

האם זה עובר בירושה?

האלמנט אינו יורש את העובי של קווי המתאר של האלמנט ההורה שלו.