css line-height

תפריט ראשי

מבוא ל-CSSצבעים ב-CSSפונקציות CSSמחולל דוגמאות CSSטיפים וטריקים ב CSSאודות אתר סי.אס.אס. גייד

מאפייני CSS

accent-coloralignanimationappearanceaspect-ratiobackgroundblock-sizeborderbottomboxcaption-sidecaret-colorclearcolorcolumncolumnscursordirectiondisplayempty-cellsflexfloatfontgapgridheightinline-sizeinsetjustifyleftletter-spacingline-heightlistmarginmaxminmix-blend-modeobjectopacityoutlineoverflowpaddingperspectivepointer-eventsresizerightrotaterow-gapscalescrollbartab-sizetable-layouttexttoptransform-origintransition-delaytranslateunicode-bidiuser-selectvertical-alignvisibilitywhite-spacewidthwordwriting-modez-index

✔️ line-height CSS Style Property

המאפיין line-height מגדיר את גובה השורה בלי לשנות את גודל האות

דוגמא: מגדיר את גובה של השורות של הטקסט

Demo Panel:
זהו מלל (טקסט) ארוך ארוך המאפשר להדגים מצב בו המלל הוא ארוך.
מצב בו אורך המלל הוא גדול נותן אפשרות להציג את הדוגמא בצורה טובה להבנת ההדגמה.
צוות האתר CSSGuide כתב את דוגמא זו על מנת להדגים בצורה טובה את הדוגמא.
דוגמא זו נכתבה על מנת לתת מענה לדוגמאות המצריכות מלל ארוך.
לפעמים בשביל להדגים בצורה הכי טובה יש לתת דוגמא עם הרבה מילים ושורות.
על מנת לכתוב מלל ארוך, צוות האתר השתמש במיטב הכלים.
חוץ ממללים ארוכים האתר CSSGuide נותן דוגמאות CSS למגוון מאפיינים.
CSS:
HTML:
Syntax:

line-height: normal | number | length | initial | inherit;

Valid values:
  • normal, revert, revert-layer, unset, inherit, initial

Units: px, %


Js Syntax: element.style.lineHeight

תאימות דפדפנים

line-height
הערך שנבדקChromeFirefoxEdgeCOpera
2px✔️✔️✔️✔️
normal✔️✔️✔️✔️
revert✔️✔️✔️✔️
revert-layer✔️✔️✔️✔️
unset✔️✔️✔️✔️
inherit✔️✔️✔️✔️
initial✔️✔️✔️✔️

דוגמא: מגדיר את הגובה של מילה או כמה מילים בתוך טקסט

Demo Panel:
זהו מלל (טקסט) ארוך ארוך המאפשר להדגים מצב בו המלל הוא ארוך.
מצב בו אורך המלל הוא גדול נותן אפשרות להציג את הדוגמא בצורה טובה להבנת ההדגמה.
צוות האתר CSSGuide כתב את דוגמא זו על מנת להדגים בצורה טובה את הדוגמא.
דוגמא זו נכתבה על מנת לתת מענה לדוגמאות המצריכות מלל ארוך.
לפעמים בשביל להדגים בצורה הכי טובה יש לתת דוגמא עם הרבה מילים ושורות.
על מנת לכתוב מלל ארוך, צוות האתר השתמש במיטב הכלים.
חוץ ממללים ארוכים האתר CSSGuide נותן דוגמאות CSS למגוון מאפיינים.
CSS:
HTML:
אודות | הצהרת פרטיות | צור קשר