אפשרויות בעיצוב טקסט CSS

[אביי]

• אפשרויות בעיצוב טקסט CSS
  כדי להכניס את הפונקציות של CSS בתוך דף HTML ניתן לעשות כך:
  כך שמה שאחרי style= ה "color:red" הוא עיצוב CSS.

<p style="color:red">This is text 1</p>

רשימת הפונקציות:

color:red צבע הכתב (כאן מוגדר אדום) [שימו לב! שכל הצבעים בCSS יכולים להיות
מיוצגים גם בשם וגם באמצעות קוד HEX #1045e3] למידע נוסף

background-color:blue צבע רקע הכתב (כאן מוגדר כחול)

font-family:calibri סוג הפונט (כאן מוגדר קליברי)

font-size:22.0pt גודל הכתב (כאן מוגדר 22) [שימו לב! שאפשר גם להגדיר באחוזים 100%]

text-align:center מיקום הטקסט ביחס לעמוד (כאן מוגדר במרכז) [left-לשמאל (ברירת מחדל), right-לימין, justify-יישר לשני הצדדים]

text-decoration:underline קובע עם יהיה קו על הטקסט (overline- מעל הטקסט, underline- קו תחתון, line-through- קו חוצה ע"ג הטקסט, none- כפייה של ללא קו כלל)

text-transform: capitalize האם להשתמש באותיות גדולות/קטנות (רלוונטי לאנגלית, כאן מוגדר אות ראשונה בכל מילה גדולה) [uppercase-הכל באותיות גדולות, lowercase-הכל באותיות קטנות, none-לביטול כפוי של אלמנט מורש]

font-style:normal נטיית טקסט (כאן מוגדר רגיל, oblique- נטוי, italic- זה ג"כ נטוי אבל מעט שונה)

Font-weight:bold עיבוי הכתב (במקום מילים, אפשר להשתמש במספרים: 100 הוא העדין ביותר, 900 הוא המודגש ביותר. 400 הוא הערך הרגיל, ו-700 הוא הערך הקבוע כ-bold)

Line-height:2pt גובה השורה (לתכונה זו אפשר לתת ערכים מספריים ואחוזים).

font-stretch: תכונה זו מאפשרת להציג את האותיות מכווצות או רחבות (הערכים הניתנים להגדרה, Ultra-condensed, extra-condensed, condensed, semi-condensed, semi-expanded, expanded, extra-expanded, ultra-expanded) [התכונה אינה נתמכת בחלק מהדפדפנים]

[ישראליק]

@אביי אמר באפשרויות בעיצוב טקסט CSS:

Line-height:+2pt גובה האותיות

גובה שורה
וגם בלי הפלוס