איך לעשות אותיות גדולות ב- CSS?

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

מינוי

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

קובץ נפרד המתאר את כל המאפיינים. כיצד להשתמש בשיטה של המשימה, זה תלוי בך. "Text-transform" יכול לקחת את הערכים הבאים:

באותיות רישיות. עושה את כל הסמלים שנבחרו באותיות רישיות. ב- CSS, אותיות רישיות נפוץ, שכן ערך זה מסייע לפתור משימות מורכבות רבות הקשורות לטקסט.
תחתון. מאפיין זה מנוגד לחלוטין לשפת הפקודה.
להוון. משנה את המקרה של האות הראשונה העליונה. שאר התווים לא ישתנו.
אף אחד. מאפשר לך לבטל את כל הערכים שהוקצו (נחוצים כדי להגדיר מראש נכס). בדרך כלל, ערך זה מוגדר כברירת מחדל.
ירושה. מורשת את כל המאפיינים של רכיב ההורה. יצוין כי IE אינה תומכת בנכס זה.

יישום

באמצעות CSS, המקרה העליון (אואפקטים דומים) מותקן באמצעות פקודה אחת פשוטה. לכן, אין צורך לשנות או לשכתב את הטקסט כולו. אם זהו אתר בעל עמוד אחד, ייתכן שהמאפיין הזה אינו שימושי. אבל כאשר יש פורטל עצום תחת שליטה שלך, שבו אתה צריך לתקן את המקרה של אותיות בחלקים מסוימים, ואז "טקסט להפוך" הופך את הכלי היחיד יעיל. לדוגמה, עליך לתקן את הגופן בתגי הכותרת "h2". לשם כך, הוסף את הערך: "h2 {text-transform: uppercase; } ", ולאחר מכן את כל הכותרות של הרמה השנייה תהיה באותיות רישיות.

תכונות

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

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