css מאפייני text text-align

תפריט ראשי

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

מאפייני CSS

accent-coloralignanimationappearanceaspect-ratiobackgroundblock-sizeborderbottomboxcaption-sidecaret-colorclearcolorcolumncolumnscornercursordirectiondisplayempty-cellsflexfloatfontgapgridheightinline-sizeinsetjustifyleftletter-spacingline-heightlistmarginmaxminmix-blend-modeobjectopacityoutlineoverflowpaddingperspectivepointer-eventsresizerightrotaterow-gapscalescrollbartab-sizetable-layouttexttext-aligntext-align-lasttext-decorationtext-decoration-colortext-decoration-linetext-decoration-skip-inktext-decoration-styletext-decoration-thicknesstext-indenttext-justifytext-orientationtext-overflowtext-shadowtext-transformtoptransform-origintranslateunicode-bidiuser-selectvertical-alignvisibilitywhite-spacewidthwordwriting-modez-index

⭕ text-align CSS Style Property

המאפיין text-align מגדיר את כיוון ההצמדה האנכי של הטקס שבתוך האלמנט

דוגמא: שנה כיוון הצמדה

Demo Panel:
This is the cssguide זהו מדריך CSS שילוב של english and ועברית This is the cssguide זהו מדריך CSS שילוב של english and ועברית
CSS: 111
HTML: 222
Syntax:

text-align: left | right | center | justify | initial | inherit;

Valid values:
  • left, right, center, start, end, justify, match-parent, revert, revert-layer, unset, inherit, initial

Js Syntax: element.style.textAlign

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

text-align
הערך שנבדקChromeFirefoxEdgeCOpera
right✔️✔️✔️✔️
left✔️✔️✔️✔️
center✔️✔️✔️✔️
start✔️✔️✔️✔️
end✔️✔️✔️✔️
justify✔️✔️✔️✔️
revert✔️✔️✔️✔️
revert-layer✔️✔️✔️✔️
unset✔️✔️✔️✔️
inherit✔️✔️✔️✔️
initial✔️✔️✔️✔️
match-parent❌✔️❌❌
justify-all❌❌❌❌

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

Demo Panel:
This is the cssguide זהו מדריך CSS שילוב של english and ועברית This is the cssguide זהו מדריך CSS שילוב של english and ועברית
CSS: 111
HTML: 222
אודות | הצהרת פרטיות | צור קשר