מחשבים, תכנות
CSS-אלמנטים דקורטיביים תחתון
יש טכנולוגית סגנונות שתי פונקציות בעיצוב של דפי HTML. ראשית, ובסיועה, קיימת עמדת היווצרות של האלמנטים הבודדים של האתר. שנית, זה הופך את היחידות מושכות מבחינה ויזואלית למשתמש. יישום של הפונקציה השנייה מתרחש בדרכים רבות. אחד מהם - מדגיש. CSS מספק לקישוט text- תכונה זו.
שיא תכונת מפרט
השתמש text- רכוש קישוט הוא פשוט. מספיק לרשום את הקוד בקובץ CSS, את השורה הבאה עבור הפריט:
קישוט text-: znachenie_atributa;
במקום "znachenie_atributa» מפרט CSS מציעה מספר אפשרויות:
- להדגיש - קו הממוקם ישירות מתחת לטקסט;
- קו עליון - קו מחבר בין החלק העליון של הטקסט;
- אף - הסרת כל התופעות הדקורטיביות;
- יורשים - מאמץ את הערך של רכיב האב.
האמור לעיל הן לא כל צורות אפשריות של ההקלטה, כפי תכונה זו מציינת לא רק את קו תחתון CSS, אך תופעות אחרות, כגון "מצמוץ" או טקסט מחוק.
דוגמאות קישורי עיצוב
למתחילים בעיצוב ותכנות אתרים, נשאלת השאלה: מדוע השורה התחתונה בטקסט? השחר של עידן הטכנולוגיה באינטרנט בשיטה זו של הקצאה למשתמש העובדה מולו הוא קישור - טקסט, על ידי לחיצה על אשר יבוצע המעבר אל דף חדש.
כברירת מחדל, רכוש גדר היפר-קישור תחתון. בפועל, יש בעיה להסיר את הקו מהתקנים פעילים ולהפוך אותו לגלוי כפי המשתמש מעביר את סמן העכבר. הנה דוגמא של קוד כי משבית את קישורי CSS התחתון:
א '{קישוט-טקסט: none; }
לקבלת קישורים פעילים באמצעות הערך הבא:
ת: לרחף {text-decoration: תחתון;}
תחתון דקורטיביים עבור מתקדמים
יש תכונה סטנדרטית text- קישוט מספר מגבלות:
- קו בצבע שונה מצבע הטקסט של הקישור, אי אפשר להבחין בין "הצביעה" שלהם;
- רק הקו המוצק משמש הקו התחתון. CSS אינה כרוכה בשימוש סגנונות אחרים של הסימן.
אבל טכניקות מיוחדות לעזור לעקוף את המראה הקלאסי של הטקסט. במקרה הראשון, כדי להגדיר קישור באמצעות התג האופציונלי .
לדוגמה:
"> קישור
. >
כתוצאה מכך, את המילה בדף הקישור ייכתב בכחול ואת צבע הקו תהיה אדומות.
שיטה מתקדמת נוספת המאפשרת תחתון CSS, - גבול תחתון. הדוגמה הבאה ממחישה את השימוש בו:
א '{תחתונה גבול: מוצק 1px אדום;}
התוצאה תהיה זהה כמו בדוגמה הקודמת. אבל בשיטה זו יש יתרון חשוב. בנוסף לשינוי צבע הקו (מוגדר כעת אדום - אדום), אפשר לשנות את כתובת השיטה:
- מקווקו - הופך את הנקודה מדגישה;
- מקווקו - קו מורכב משיכות;
- כפול - מותח קו כפול.
אז, מייחסים התחתונים border- הוא יותר פונקציונלי. בנוסף לתצוגה של קו דקורטיביים מתחת לטקסט, זה מאפשר להתאים אישית את המראה שלה.
Similar articles
Trending Now