css vertical-align

תפריט ראשי

מבוא ל-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

✔️ vertical-align CSS Style Property

המאפיין vertical-align מגדיר איזה חלק אנכי יוצג התוכן של האלמנט עליון תחתון באמצע ואפשרויות נוספות

דוגמא: שנו בעצמכם את מיקום האלמנט

Demo Panel:
This is the cssguide כדי להצמיד טקס לחלק או שורה או כאשר אהו כותבים טקסט ואו מעוניינים כי בסוף הקטע לקבוע את ההצמדה של השורה האחרונה בטקסט עלינו לבחור באפשרות זו
CSS: 111
HTML: 222
Syntax:

vertical-align: baseline | length | sub | super | top | text-top | middle | bottom | text-bottom | initial | inherit;

Valid values:
  • baseline, text-bottom, middle, text-top, sub, super, top, bottom, revert, revert-layer, unset, inherit, initial

Js Syntax: element.style.verticalAlign

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

vertical-align
הערך שנבדקChromeFirefoxEdgeCOpera
middle✔️✔️✔️✔️
baseline✔️✔️✔️✔️
text-bottom✔️✔️✔️✔️
text-top✔️✔️✔️✔️
sub✔️✔️✔️✔️
super✔️✔️✔️✔️
top✔️✔️✔️✔️
bottom✔️✔️✔️✔️
revert✔️✔️✔️✔️
revert-layer✔️✔️✔️✔️
unset✔️✔️✔️✔️
inherit✔️✔️✔️✔️
initial✔️✔️✔️✔️
אודות | הצהרת פרטיות | צור קשר