יישור הטקסט
חלק מהיחידה עיצוב באמצעות CSS במסלול ה-HTML של Coddy. שיעור 21 מתוך 76.
ב-CSS, המאפיין text-align משמש לשליטה ביישור האופקי של טקסט בתוך רכיב HTML.
ערכים נפוצים עבור text-align כוללים:
left: מיישר את הטקסט לשמאל. זהו יישור ברירת המחדל עבור רוב הטקסט.
right: מיישר את הטקסט לימין.center: ממקם את הטקסט במרכז האלמנט אופקית.
לדוגמה:
p {
text-align: left;
}
h1 {
text-align: center;
}
.right-align {
text-align: right;
}
אתגר
קלניתן לך מסמך HTML עם כותרת (<h1>), פסקה (<p>) וחלוקה (<div>). המשימה שלך היא להשתמש במאפיין text-align כדי לעצב את הרכיבים האלה. פעל לפי השלבים הבאים:
- כתוב כלל CSS שמכוון לרכיב
<h1>. הגדר אתtext-alignל-center. - כתוב כלל CSS שמכוון לרכיב
<p>. הגדר אתtext-alignל-right. - כתוב כלל CSS שמכוון לרכיב
<div>. הגדר אתtext-alignל-left.
נסו בעצמכם
<html>
<head>
<title>Text Alignment</title>
<style>
/* Write CSS rules here */
</style>
</head>
<body>
<h1>This is a heading. </h1>
<p>This is a paragraph.</p>
<div>This is a division. </div>
</body>
</html>
בחנו את עצמכםהשיעור הזה כולל חידון קצר. התחילו את השיעור כדי לענות עליו ולעקוב אחרי ההתקדמות.
כל השיעורים ביחידה עיצוב באמצעות CSS
4יסודות הטקסט
צבע הטקסטמשפחת גופניםגודל הגופןעובי הגופןיישור הטקסטעיטור הטקסטאתגר סיכום #1אתגר סיכום #2
תרגלו בעצמכם: Web אונליין