ראשימדינותהטיולים שליטיולים ותרמילאותאודות
YosefusFlavius

Yosefus flavius

אני בעצמי

קישורים מהירים

  • דף הבית
  • אודות
  • בלוג
אינסטגרם

©2026 Yosefus Flavius WebDeveloper

מעצבים אות ראשונה ענקית ב-CSS כמו ספרים עתיקים
  1. בית
  2. /
  3. פיתוח Full Stack

מעצבים אות ראשונה ענקית ב-CSS כמו ספרים עתיקים

6 ביוני 2024•1 דקות קריאה

רוצים לעצב את האות הראשונה של פסקה ככותרת ענקית, כמו בספרים קלאסיים? הכירו את הטכניקה עם ::first-letter ו-initial-letter ב-CSS. פוסט קצרצר ומגניב על עיצוב טקסט בצורה מרשימה!

ובפוסט הcssי הנוכחי - נראה (ללא הקדמות מיותרות 🙄) איך מעצבים אות ראשונה ענקית כמו בתחילת ספרים עתיקים ומכובדים כמו פה הדוב וכדומה. ולמה זה טוב? 😶 טוב נו כבר הגענו עד לפה אז תגיד. אז ככה בעזרת ::first-letter ומקלדת בלבד, אתם "תופסים" את האות הראשונה באלמנט הרצוי, ואז עם הרבה מאמץ אתם מוסיפים את initial-letter שמקבל ערך מספרי שמשמעותו כמה שורות תתפוס האות הנלוזה הזו. וואלה וזהו? 😎 יאפ חסרונות: 😪 עודף מגניבות כמובן, אתם תסתובבו בעולם עם ידיעה ברורה שכולם קצת פחות טובים ממכם, זה תחושה קשה ואנשים לא אוהבים את זה (משום מה). וגם לא תקבלו תמיכה מכל הדפדפנים. שיהיה יום/לילה משובח לכולם. 😍

שתף את המאמר

שתפו:
Yosefus Flavius

נכתב על ידי

Yosefus Flavius

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

עקבו באינסטגרםעוד עליי
הכתבה הקודמת תפריט מובייל נפתח ב-CSS בלבד — בלי טיפת JavaScriptהכתבה הבאהעיצוב צ'קבוקס מתקדם ב-CSS ללא JS או ::before – איך לעשות את זה נכון?

כתבות דומות

כתבות קשורות

כתבות דומות

CSS Mix-blend-mode: איך לשלב תוכן עם הרקע
פיתוח Full Stack/פרונט אנד

CSS Mix-blend-mode: איך לשלב תוכן עם הרקע

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

27 באפריל 2025
איך להוסיף גלילה חלקה ב-CSS
פיתוח Full Stack/פרונט אנד

איך להוסיף גלילה חלקה ב-CSS

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

27 באפריל 2025
האם כדאי להשתמש בספריות UI ב-React? מלחמת בני אור בבני חושך 2.0
פיתוח Full Stack/פרונט אנד

האם כדאי להשתמש בספריות UI ב-React? מלחמת בני אור בבני חושך 2.0

בפוסט הזה נדבר על יתרונות וחסרונות של שימוש בספריות UI ב-React. האם באמת כדאי לקחת את הדרך הקלה עם ספריות מוכנות או להשקיע בכתיבת כל דבר מאפס? גיא חולק את הדעות שלו על ספריות UI, RTL, והתמודדות עם אתגרים בעיצוב אתרים.

27 באפריל 2025