כיצד להשתמש ב-CSS כדי להמיר טקסט גדול לאותיות רישיות?

Kyzd Lhstms B Css Kdy Lhmyr Tqst Gdwl L Wtywt Rysywt



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

מאמר זה מדגים את ההליך שלב אחר שלב להמרת טקסט גדול לאותיות רישיות.

כיצד להמיר טקסט גדול לאותיות רישיות?

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







עקוב אחר המדריך שלב אחר שלב להמרה מאותיות גדולות לאותיות רישיות:



שלב 1: צור אלמנט ממוקד
בשלב הראשון הזה, צור רכיב ממוקד/נבחר בתוך ה-' <גוף> ' תג אשר מומר לאות הכותרת. למשל, ה' ע נתוני אלמנטים ממוקדים:



< מֶרְכָּז >
< ע תְעוּדַת זֶהוּת = 'מֵמִיר' > טקסט זה מומר מאותיות רישיות לכותרת אות באמצעות CSS < / ע >
< מֶרְכָּז >

בגוש הקוד שלמעלה:





  • ראשית, השתמש ב'

    ' תג להצגת טקסט במרכז דף האינטרנט בתוך ' <מרכז> 'תג. כמו כן, ספק נתוני דמה בפורמט רישיות.

  • לאחר מכן, הוסף ' תְעוּדַת זֶהוּת ' תכונה וספק לה ערך של ' מֵמִיר '. זה ' תְעוּדַת זֶהוּת ' ישמש לאחסון ההפניה של תג

    בתוך תג JavaScript.

לאחר סיום שלב ההידור:



תמונת המצב שלמעלה של דף האינטרנט מציגה שהטקסט הוצג בהצלחה.

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

< תַסרִיט >
היה יַעַד = document.getElementById ( 'מֵמִיר' ) .textContent.toLowerCase ( ) ;
יַעַד = יַעַד .החלף ( / \b\w / g,
פוּנקצִיָה ( נמוך יותר ) { חזור ל-lower.toUpperCase ( ) ; } ) ;
document.getElementById ( 'מֵמִיר' ) .textContent = יַעַד ;
< / תַסרִיט >

בקטע הקוד שלמעלה:

  • ראשית, צור משתנה בשם ' יַעַד ' בתוך ה '