תוֹכֶן

• הוראות
• כיצד ליישר את הטקסט
• נותר {
• ימין {
• מרכז {
• כיצד לרכז את החטיבות, קווי מתאר וגוף
• איך
• מה שאתה צריך

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

הוראות

גיליונות סגנונות מאפשרים לך ליישר ולמרכז יותר מהטקסט (אתר פריסת האתר על ידי 6922 מעצבת מ Fotolia.com)

כיצד ליישר את הטקסט

1. כדי ליישר טקסט בתוך גוש טקסט רגיל, כגון פסקה או ציון, השתמש במאפיין יישור הטקסט.

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

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

   נותר {

   יישור טקסט: משמאל; }

   ימין {

   text-align: right; }

   מרכז {

   text-align: center; }

כיצד לרכז את החטיבות, קווי מתאר וגוף

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

   
   

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

3. התמקדות בשיטה זו אינה משפיעה על יישור הטקסט. הרכיב המרכוז ישמור את היישור השמאלי של הטקסט שבמרכז המרוכז.

4. להלן איור של אלמנט גוף שלם (עם גבול שחור לבהירות) מרוכז בדף. יש להגדיר רוחב עבור הרכיב, ולאחר מכן השוליים שמאלה וימינה מוגדרים אוטומטית. כך נעשה:

   גוף {רוחב: 80%; margin-right: auto; שוליים-שמאל: אוטומטי; גבול: 1px מוצק שחור; }

איך

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

מה שאתה צריך

• עורך טקסט
• עורך HTML
• ידע בסיסי ב- HTML