logo

כתב-על וכתב-תחתי של CSS

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

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

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

כעת, בוא נראה כיצד להשיג את הכתב העילי והכתובת המשנה באמצעות ה יישור אנכי תכונה.

תחביר

 vertical-align: baseline | super | sub ; 

ערך הנכס

קו בסיס: זהו ערך ברירת המחדל שמיישר את הטקסט לקו הבסיס של רכיב האב.

סוּפֶּר: הכתב העילי הוא שמעלה את הטקסט.

תַת: המנוי הוא שמוריד את הטקסט.

כאשר הערכים סוּפֶּר ו תַת של מאפיין זה מוחלים, ואז הטקסט הופך לכתב עילי או תחתית.

דוגמה- כתב על

 #super{ vertical-align:super; font-size: medium; } p{ font-weight: bold; font-size: 20px; } <p> Its common examples are chemical equations. </p> <h3> Chemical formula of Water is: H<span id="sub">2</span>O</h3> <h3> Ch emical formula of Sulphuric acid is: H<span id="sub">2</span>SO<span id="sub">4</span></h3> 
בדוק את זה עכשיו