ה משקל גופן מאפיין ב-CSS משמש להגדרת המשקל או העובי של הגופן. הוא מציין עד כמה הדקים או העבים התווים בטקסט. ה משקל גופן המאפיין תלוי במשקלים שצוינו על ידי הדפדפן או בפניות הגופנים הזמינות במשפחת גופנים. מאפיין CSS זה מגדיר תווים דקים עד עבים.
הוא מקבל את הערך המספרי או את ערכי מילת המפתח שהוגדרו מראש. מילות המפתח הזמינות שבהן נוכל להשתמש בנכס זה הן רגיל, נועז, קל יותר ונועז יותר . הערך המספרי יכול להיות 100, 200, 300, ........., עד 900. הערך המספרי הגבוה מייצג את משקל הגופן המודגש יותר מהערכים המספריים הנמוכים יותר.
תחביר
font-weight: normal | bold | bolder | lighter | number | initial | inherit;
ה מספר בתחביר לעיל מייצג את הערכים המספריים. הערך המספרי 400 זהה לערך מילת המפתח נוֹרמָלִי , והערך 700 זהה לערך מילת המפתח נוֹעָז .
ה נוֹרמָלִי strong> value מגדיר את התווים הרגילים, ואת נוֹעָז ערך מציין את התווים העבים. ה נועז יותר הערך מייצג את משקל הגופן המודגש יותר, ואת קל יותר הערך מייצג את משקל הגופן הקל יותר מהמשקל שירש מהאב.
בואו נראה כיצד להדגשת טקסט ב-CSS באמצעות איור.
c++ int למחרוזת
מבוא
CSS ידוע ככלי רב עוצמה לפיתוח דף האינטרנט. בעזרת זה, אנו יכולים לעצב את תוכן ה-HTML בכל כך הרבה דרכים. אחד המאפיינים הנפוצים ביותר של עיצוב דף האינטרנט הוא שימוש במאפיין של משקל גופן. בעזרת טקסט מודגש, נוכל להדגיש את המידע המרכזי והניגודיות החזותית, וזה גם משפר את קריאות התוכן.
הבנת תכונת משקל גופן
ב-CSS, קיים מאפיין Font-Weight, המשמש להגדרת המשקל או העובי של הגופן. זה גם קובע את מידת העזה או בהירות הטקסט, כאשר קבלת הערך הגבוה יותר מציינת משקל גופן מודגש יותר. המאפיין font-weight מקבל ערכים שונים, כגון ערכים מספריים ומילות מפתח.
טווח הערכים המספריים נע בין 100 ל-900, במרווחים של 100. לדוגמה, אם ניקח את ערך הגופן כ-400, אז הוא נורמלי, בעוד שערך 700 משקל הגופן נחשב כמודגש. מודגש, נועז יותר, קל יותר וכמה ערכי מילות מפתח נפוצים.
כיצד ליצור טקסט מודגש עם CSS
אנחנו יכולים ליצור את הטקסט המודגש ב-HTML בעזרת CSS. אנו יכולים להשתמש במאפיינים בסגנון גופן מוטבע, פנימי או חיצוני.
1. כיצד נוכל ליצור את הטקסט המודגש עם סטיילינג מוטבע
בעזרת סגנון מוטבע, נוכל להשתמש במאפיין font-weight ישירות לאלמנט HTML ספציפי. בואו ניקח דוגמה.
execlp
קוד HTML:
מחרוזת ב-c
Document <p>Welcome to javaTpoint</p> <p>This is a bold text</p>
תְפוּקָה
הֶסבֵּר:
בקוד שלמעלה, השתמשנו ב-CSS המוטבע והחלנו את המאפיין font-weight כמודגש.
2. איך נוכל ליצור טקסט מודגש עם סטיילינג פנימי
כאן, עלינו לכתוב את מאפיין ה-CSS בתוך תג head עם תג הסגנון. ניקח דוגמה:
קוד HTML:
Document p { font-weight: bold; } <p>Welcome to javaTpoint</p> <p>This is a bold text</p>
תְפוּקָה
הֶסבֵּר:
בקוד לעיל, השתמשנו ב-CSS פנימי והחלנו את המאפיין font-weight.
מחרוזת ל-Java בוליאני
3. איך נוכל ליצור טקסט מודגש עם סטיילינג חיצוני
כאן, עלינו ליצור קובץ CSS חיצוני ולקשר אותו לקובץ HTML. בתוך קובץ ה-CSS הזה, עלינו לכתוב את מאפיין הסגנון. הבה ניקח דוגמה.
קוד HTML:
תור עדיפות
Document <p>Welcome to javaTpoint</p> <p>This is a bold text</p>
קוד CSS:
p { font-weight: bold; }
תְפוּקָה
הֶסבֵּר:
בקוד לעיל, השתמשנו במאפיין CSS החיצוני ויישמנו את המאפיין font-weight.
דוגמא
בואו נראה כיצד ליצור טקסט מודגש בגוונים שונים באמצעות הדוגמה הבאה:
p{ font-size: 20px; } <p>This font is normal.</p> <p>This font is bold.</p> <p>This font is lighter.</p> <p>This font is bolder.</p> <p>This font is 100 weight.</p> <p>This font is 200 weight.</p> <p>This font is 300 weight.</p> <p>This font is 400 weight.</p> <p>This font is 500 weight.</p> <p>This font is 600 weight.</p> <p>This font is 700 weight.</p> <p>This font is 800 weight.</p> <p>This font is 900 weight.</p>
תְפוּקָה