דוגמאות
דוגמת CSSהסבר על דוגמאות
דוגמאות תחביר CSS
דוגמת CSSהסבר על דוגמאות תחביר CSS
דוגמאות id CSS ומחלקה
דוגמת CSSדוגמת CSS
דוגמת CSS
הסבר על דוגמאות id CSS ומחלקה
דוגמאות CSS רקע
CSS דוגמהCSS דוגמה
CSS דוגמה
CSS דוגמה
CSS דוגמה
CSS דוגמה
CSS דוגמה
CSS דוגמה
CSS דוגמה
דוגמה זו ממחישה כיצד להגדיר תמונת רקע קבועה. התמונה לא מתגלגלת עם שאר העמוד.
הסבר על דוגמאות CSS רקע
דוגמאות CSS טקסט
דוגמת עיצוב טקסט CSSCSS דוגמת עיצוב טקסט
CSS דוגמת עיצוב טקסט
CSS דוגמת עיצוב טקסט
CSS דוגמת עיצוב טקסט
CSS דוגמת עיצוב טקסט
CSS דוגמת עיצוב טקסט
דוגמה זו ממחישה כיצד להגדיל או להקטין את המרווח בין תווים.
דוגמה זו ממחישה כיצד לציין את המרווח בין השורות בפיסקה.
דוגמה זו ממחישה כיצד לשנות את כיוון הטקסט של אלמנט.
דוגמה זו ממחישה כיצד להגדיל את הרווח בין המילים בפסקה.
דוגמה זו ממחישה כיצד להשבית גלישת טקסט בתוך אלמנט.
דוגמה זו ממחישה כיצד להגדיר את יישור אנכי של תמונה בטקסט.
הסבר על דוגמאות CSS טקסט
דוגמאות CSS גופן
CSS דוגמת גופןCSS דוגמת גופן
CSS דוגמת גופן
CSS דוגמת גופן
CSS דוגמת גופן
דוגמה זו ממחישה כיצד להגדיר את עובי של גופן.
דוגמה זו ממחישה כיצד להגדיר את גרסה של גופן.
דוגמה זו ממחישה כיצד להשתמש במאפיין קיצור הגדרה של כל מאפייני גופן בהצהרה אחת.
הסבר על דוגמאות CSS גופן
דוגמאות CSS קישורים
CSS דוגמת קישוריםCSS דוגמת קישורים
CSS דוגמת קישורים
דוגמה זו ממחישה כיצד להוסיף סגנונות אחרים לקישורים
דוגמה זו ממחישה למשל מתקדם יותר שבו אנו משלבים מאפייני CSS כדי להציג קישורים כתיבות
הסבר על דוגמאות CSS קישורים
דוגמאות CSS רשימות
CSS דוגמת רשימותCSS דוגמת רשימות
CSS דוגמת רשימות
CSS דוגמת רשימות
דוגמה זו ממחישה את כל פרטים שונים ברשימה ב-CSS
הסבר על דוגמאות CSS רשימות
דוגמאות CSS טבלאות
CSS דוגמת טבלאותCSS דוגמת טבלאות
CSS דוגמת טבלאות
CSS דוגמת טבלאות
CSS דוגמת טבלאות
CSS דוגמת טבלאות
CSS דוגמת טבלאות
דוגמה זו ממחישה כיצד ליצור טבלה מפוארת.
דוגמה זו ממחישה כיצד למקם את הכיתוב בטבלה.
הסבר על דוגמאות CSS טבלאות
דוגמאות CSS תיבות
CSS דוגמת תיבותCSS דוגמת תיבות
הסבר על דוגמאות CSS תיבות
דוגמאות CSS גבולות
CSS דוגמת גבולותCSS דוגמת גבולות
CSS דוגמת גבולות
CSS דוגמת גבולות
CSS דוגמת גבולות
CSS דוגמת גבולות
דוגמה זו ממחישה מאפיין קיצור עבור הגדרת כל המאפיינים עבור הגבול העליון בהצהרה אחת.
דוגמה זו ממחישה כיצד להגדיר את הסגנון של הגבול התחתון.
דוגמה זו ממחישה כיצד להגדיר את רוחב הגבול השמאלי.
דוגמה זו ממחישה כיצד להגדיר את הצבע של ארבעה גבולות. זה יכול להיות מאחד עד ארבע צבעים.
דוגמה זו ממחישה כיצד להגדיר את צבע הגבול הימני
הסבר על דוגמאות CSS גבולות
דוגמאות CSS מתווה
דוגמה זו ממחישה כיצד לצייר קו סביב אלמנט, מחוץ לקצה הגבול.דוגמה זו ממחישה כיצד להגדיר את הסגנון של מתווה
דוגמה זו ממחישה כיצד להגדיר את הצבע של מתווה.
דוגמה זו ממחישה כיצד להגדיר את רוחב מתווה
הסבר על דוגמאות CSS מתווה
דוגמאות CSS שוליים
CSS דוגמת שולייםCSS דוגמת שוליים
דוגמה זו ממחישה כיצד להגדיר את לשוליים העליונים של טקסט באמצעות ערך ס"מ.
דוגמה זו ממחישה כיצד להגדיר את השוליים התחתונים של טקסט באמצעות ערך אחוזים.
הסבר על דוגמאות CSS שוליים
דוגמאות CSS ריפוד
CSS דוגמת ריפודCSS דוגמת ריפוד
דוגמה זו ממחישה מאפיין קצרנות להגדרת כל מאפייני ריפוד בהצהרה אחת, יכול להכיל מאחד עד ארבעה ערכים.
דוגמה זו ממחישה כיצד להגדיר את הריפוד השמאלי של אלמנט P.
דוגמה זו ממחישה כיצד להגדיר את הריפוד הימני של אלמנט P.
דוגמה זו ממחישה כיצד להגדיר את הריפוד העיליון של אלמנט P.
דוגמה זו ממחישה כיצד להגדיר את הריפוד התחתון של אלמנט P.
הסבר על דוגמאות CSS ריפוד
דוגמאות CSS הקבצה וסלקטורים מקוננים
CSS דוגמת הקבצה וסלקטורים מקונניםCSS דוגמת הקבצה וסלקטורים מקוננים
הסבר על דוגמאות CSS הקבצה וסלקטורים מקוננים
דוגמאות CSS מימד
דוגמה זו ממחישה כיצד להגדיר את הגובה של אלמנטים שונים.דוגמה זו ממחישה כיצד להגדיר את הגובה של אלמנט באמצעות ערך אחוזים.
דוגמה זו ממחישה כיצד להגדיר את רוחב של אלמנט באמצעות ערך בפיקסלים.
דוגמה זו ממחישה כיצד להגדיר את הגובה המקסימלי של אלמנט
דוגמה זו ממחישה כיצד להגדיר את רוחב מרבי של אלמנט באמצעות ערך אחוזים.
דוגמה זו ממחישה כיצד להגדיר את גובה מינימלי של אלמנט
דוגמה זו ממחישה כיצד להגדיר את רוחב מינימלי של אלמנט באמצעות ערך בפיקסלים.
הסבר על דוגמאות CSS מימד
דוגמאות CSS הצגה וראות
CSS דוגמת הצגה וראותCSS דוגמת הצגה וראות
CSS דוגמת הצגה וראות
CSS דוגמת הצגה וראות
דוגמה זו ממחישה כיצד להציג אלמנט כאלמנט מובנה
דוגמה זו ממחישה כיצד להציג אלמנט כאלמנט בלוק
דוגמה זו ממחישה איך לגרום לקריסת אלמנט בטבלה.
הסבר על דוגמאות CSS הצגה וראות
דוגמאות CSS מיצוב
CSS דוגמת מיצובCSS דוגמת מיצוב
CSS דוגמת מיצוב
CSS דוגמת מיצוב
CSS דוגמת מיצוב
דוגמה זו ממחישה כיצד להגדיר את הצורה של אלמנט. האלמנט הוא מוצמד לצורה זו, ומוצג.
דוגמה זו ממחישה כיצד להגדיר את המאפיין גלישה כדי ליצור פס גלילה כאשר התוכן של האלמנט הוא גדול מכדי להתאים לאזור מסוים.
דוגמה זו ממחישה כיצד להגדיר את הדפדפן כדי לטפל באופן אוטומטי על גלישה
דוגמה זו ממחישה כיצד לשנות את הסמן.
הסבר על דוגמאות CSS מיצוב
דוגמאות CSS גלישה חופשית
CSS דוגמת גלישה חופשיתCSS דוגמת גלישה חופשית
CSS דוגמת גלישה חופשית
תנו לתמונה לגלוש חופשי לשמאל בפסקה. הוספו גבול ושוליים להתמונה.
תנו לתמונה עם כיתוב לגלוש חופשי לשמאל.
תנו לאות הראשונה של פיסקה לגלוש חופשי לימין של המכתב ולשנות סגנון.
השתמשו בגלישה חופשית עם רשימה של קישורים כדי ליצור תפריט אופקי.
השתמשו בגלישה חופשית כדי ליצור דף עם כותרת, כותרת תחתונה, מימין התוכן והתוכן הראשי.
הסבר על דוגמאות CSS גלישה חופשית
דוגמאות CSS ישור אופקי
CSS דוגמת ישור אופקיCSS דוגמת ישור אופקי
CSS דוגמת ישור אופקי
CSS דוגמת ישור אופקי
CSS דוגמת ישור אופקי
הסבר על דוגמאות CSS ישור אופקי
דוגמאות CSS פסיאודו-מחלקות
CSS דוגמת פסיאודו מחלקותCSS דוגמת פסיאודו מחלקות
CSS דוגמת פסיאודו מחלקות
CSS דוגמת פסיאודו מחלקות
דוגמה זו ממחישה כיצד להשתמש פסיאודו מחלקה :focus
הסבר על דוגמאות CSS פסיאודו-מחלקות
דוגמאות CSS פסיאודו-אלמנטים
CSS דוגמת פסיאודו-אלמנטיםCSS דוגמת פסיאודו-אלמנטים
CSS דוגמת פסיאודו-אלמנטים
CSS דוגמת פסיאודו-אלמנטים
CSS דוגמת פסיאודו-אלמנטים
הסבר על דוגמאות CSS פסיאודו-אלמנטים
דוגמאות CSS סרגל ניווט
CSS דוגמת סרגל ניווטCSS דוגמת סרגל ניווט
CSS דוגמת סרגל ניווט
דוגמה שלנו עם סרגל ניווט אנכי מסוגנן מלא
CSS דוגמת סרגל ניווט
דוגמה שלנו עם סרגל ניווט אופקי מסוגנן מלא
CSS דוגמת סרגל ניווט
דוגמה שלנו עם סרגל ניווט אופקי מסוגנן מלא
הסבר על דוגמאות CSS סרגל ניווט
דוגמאות CSS גלריית תמונות
דוגמה גלרית תמונותהסבר על דוגמאות CSS גלריית תמונות
דוגמאות CSS אטימות / שקיפות תמונה
דוגמה יצירת תמונה שקופהשקיפות תמונה - העברת עכבר
הטקסט בתיבה שקופה
הסבר על דוגמאות CSS אטימות / שקיפות תמונה
דוגמאות CSS תמונת ספרייטים
תמונת ספרייטים - דוגמה פשוטהתמונת ספרייטים - יצירה רשימת הניווט
תמונת ספרייטים - אפקט רחב
הסבר על דוגמאות CSS תמונת ספרייטים
דוגמאות CSS תכונות סלקטורים
CSS דוגמת סלקטור של תכונהCSS דוגמת תכונה וערך של סלקטור
CSS דוגמת תכונה וערך של סלקטור - ערכים מרובים
CSS דוגמת תכונה וערך של סלקטור - ערכים מרובים
CSS דוגמת סגנון של טופס
הסבר על דוגמאות CSS תכונות סלקטורים
דוגמאות CSS אל תעשו
СSS התנהגות Internet-Explorer - ריחוף העכבר להדגשהCSS התמהגות Internet Explorer - סימולציה של מכונת כתיבה
הסבר על דוגמאות CSS אל תעשו
דוגמאות CSS שילובים בטוחים של גופן
CSS דוגמת שילובים בטוחים של גופןהסבר על דוגמאות CSS שילובים בטוחים של גופן
דוגמאות .class
כיצד לבחור את כל האלמנטים שיש להם את המחלקה "intro":כיצד לסגנן אלמנטים <p> עם class=hometown:
הסבר על דוגמאות .class
דוגמאות #id
כיצד לבחור את האלמנט עם id=”firstname”הסבר על דוגמאות #id
דוגמאות *
כיצד לבחור את כל האלמנטים ולהגדיר צבע רקע שלהם:כיצד לבחור את כל האלמנטים בתוך אלמנט <div>:
הסבר על דוגמאות *
דוגמאות element
כיצד לסגנן אלמנטים <p>:הסבר על דוגמאות element
דוגמאות element,element
כיצד לסגנן את כל האלמנטים <div> ואת כל האלמנטים <p>:כיצד לסגנן מספר אלמנטים עם אותו סגנון:
הסבר על דוגמאות element,element
דוגמאות element element
כיצד לסגנן אלמנטים <p> הנמצאים בתוך אלמנטים <div>:הסבר על דוגמאות element element
דוגמאות element>element
כיצד לסגנן אלמנטים <p>, שההורה שלהם הוא אלמנט <div>:הסבר על דוגמאות element>element
דוגמאות element+element
כיצד לסגנן כל האלמנטים <p> שנמצאים מייד אחרי אלמנט <div>:הסבר על דוגמאות element+element
דוגמאות [attribute=value]
כיצד לסגנן קישורים, אבל קישורים עם taget="_blank":הסבר על דוגמאות [attribute=value]
דוגמאות [attribute~=value]
כיצד לסגנן אלמנטים עם תכונה title המכילה מילה "flower":הסבר על דוגמאות [attribute~=value]
דוגמאות [attribute|=value]
כיצד לסגנן אלמנטים עם ערך תכונה lang המתחיל מ-"en":סלקטור [attribute|=value] יכול כמובן לשמש מלבד התכונה "lang":
הסבר על דוגמאות [attribute|=value]
דוגמאות :link
כיצד לסגנן קישורים (אלמנטים <a> עם href):כיצד לסגנן קישורים, שלא בוקרו, בוקרו, פעילים, וכאשר אתם מצביעים עם עכבר:
כיצד לסגנן קישורים שונה:
הסבר על דוגמאות :link
דוגמאות :visited
כיצד לסגנן קישורים לדפים שבוקרו:הסבר על דוגמאות :visited
דוגמאות :active
כיצד לסגנן קישורים פעילים:הסבר על דוגמאות :active
דוגמאות :hover
כיצד לסגנן קישור כשה אתם מצביעים עליו עם עכבר:הסבר על דוגמאות :hover
דוגמאות :focus
כיצד לסגנן שדות טקסט כאשר הם מקבלים פוקוס:הסבר על דוגמאות :focus
דוגמאות :first-letter
כיצד לסגנן אות ראשונה בכל האלמנטים <p>:כיצד לסגנן אות ראשונה בכל האלמנטים <p> עם id="hometown":
:first-letter משמש לעתים קרובות בטורי העיתון כדי להפוך אות הראשונה לגדולה:
הסבר על דוגמאות :first-letter
דוגמאות :first-line
כיצד לסגנן שורה ראשונה בכל האלמנטים <p>:כיצד לסגנן שורה ראשונה בכל האלמנטים <p> עם class="intro":
הסבר על דוגמאות :first-line
דוגמאות :first-child
כיצד לסגנן כל האלמנטים <p>, שהם לא ילד הראשון של הורים:מסגנן אלמנט ראשון <i> עבור כל אלמנט הורה:
מסגנן אלמנט ראשון <i> עבור כל אלמנט הורה: מסגנן כל האלמנטים <i> של כל אלמנט <p>, איפה שאלמנט <p> הוא ילד הראשון של ההורים שלו:
מסגנן אלמנט ראשון <li> של כל רשימה:
מסגנן אלמנט ראשון של כל אלמנט <ul>:
הסבר על דוגמאות :first-child
דוגמאות :before
כיצד להכניס תוכן לפני כל האלמנטים <p>:מסגנן תוכן שהוכנס:
הסבר על דוגמאות :before
דוגמאות :after
כיצד להכניס תוכן אחרי כל אלמנטים <p>:מסגנן תוכן שהוכנס:
הסבר על דוגמאות :after
דוגמאות :lang
כיצד לסגנן אלמנטים <p> עם תכונה lang="it":הסבר על דוגמאות :lang
דוגמאות background
כיצד לציין את כל מאפייני הרקע בהצהרה אחת:הסבר על דוגמאות background
דוגמאות background-attachment
כיצד להגדיר תמונת רקע קבועה:הסבר על דוגמאות background-attachment
דוגמאות background-color
מגדיר צבע רקע עבור אלמנטים שונים:דוגמה זו ממחישה כיצד להגדיר את צבע הרקע של חלק מהטקסט.
הסבר על דוגמאות background-color
דוגמאות background-image
מגדיר תמונת רקע עבור אלמנט body:הסבר על דוגמאות background-image
דוגמאות background-position
כיצד למקם תמונת רקע:דוגמה זו ממחישה כיצד למקם תמונת רקע באמצעות אחוזים.
דוגמה זו ממחישה כיצד למקם תמונת רקע באמצעות פקסלים.
הסבר על דוגמאות background-position
דוגמאות background-repeat
חוזר תמונת רקע רק אנכי:דוגמה זו ממחישה כיצד לחזור תמונת רקע גם אנכית וגם אופקית:
דוגמה זו ממחישה כיצד לחזור תמונת רקע רק אופקית.
דוגמה זו ממחישה כיצד להציג תמונת רקע רק פעם אחת, עם no-repeat.
הסבר על דוגמאות background-repeat
דוגמאות border
מגדיר סגנון של ארבעה גבולות:הסבר על דוגמאות border
דוגמאות border-bottom
מגדיר סגנון של גבול תחתון:הסבר על דוגמאות border-bottom
דוגמאות border-bottom-style
מגדיר סגנון של גבול תחתון:הסבר על דוגמאות border-bottom-style
דוגמאות border-bottom-width
מגדיר רוחב של גבול תחתון:הסבר על דוגמאות border-bottom-width
דוגמאות border-color
מגדיר צבע של ארבעה גבולות:הסבר על דוגמאות border-color
דוגמאות border-left
מגדיר סגנון של גבול שמאלי:הסבר על דוגמאות border-left
דוגמאות border-left-color
מגדיר צבע של גבול שמאלי:הסבר על דוגמאות border-left-color
דוגמאות border-left-style
מגדיר סגנון של גבול שמאלי:הסבר על דוגמאות border-left-style
דוגמאות border-left-width
מגדיר רוחב של גבול שמאלי:הסבר על דוגמאות border-left-width
דוגמאות border-right
מגדיר סגנון של גבול ימני:הסבר על דוגמאות border-right
דוגמאות border-right-color
מגדיר צבע של גבול ימני:הסבר על דוגמאות border-right-color
דוגמאות border-right-style
מגדיר סגנון של גבול ימני:הסבר על דוגמאות border-right-style
דוגמאות border-right-width
מגדיר רוחב של גבול ימני:הסבר על דוגמאות border-right-width
דוגמאות border-style
מגדיר סגנון של ארבעה גבולות:כיצד להגדיר גבולות שונים עבול כל צד של אלמנט.
הסבר על דוגמאות border-style
דוגמאות border-top
מגדיר סגנון של גבול עליון:הסבר על דוגמאות border-top
דוגמאות border-top-color
מגדיר צבע של גבול עליון:הסבר על דוגמאות border-top-color
דוגמאות border-top-style
מגדיר סגנון של גבול עליון:הסבר על דוגמאות border-top-style
דוגמאות border-top-width
מגדיר רוחב של גבול עליון:הסבר על דוגמאות border-top-width
דוגמאות border-width
מגדיר רוחב של ארבעה גבולות:הסבר על דוגמאות border-width
דוגמאות outline
מגדיר קו מסביב לאלמנט:הסבר על דוגמאות outline
דוגמאות outline-color
מגדיר צבע של קו נקודות:הסבר על דוגמאות outline-color
דוגמאות outline-style
מגדיר סגנון של קו חיצוני:דוגמה הזו ממחישה כיצד להגדיר סגנון של קו חיצוני.
הסבר על דוגמאות outline-style
דוגמאות outline-width
מגדיר רוחב של קו חיצוניהסבר על דוגמאות outline-width
דוגמאות height
מגדיר גובה ורוחב של פסקה:דוגמה זו ממחישה כיצד להגדיר את הגובה של אלמנט באמצעות ערך אחוזים.
הסבר על דוגמאות height
דוגמאות max-height
מגדיר גובה מקסימלי של פסקה:הסבר על דוגמאות max-height
דוגמאות max-width
מגדיר רוחב מקסימלי של פסקה:הסבר על דוגמאות max-width
דוגמאות min-height
מגדיר גובה מינימלי של פסקה:הסבר על דוגמאות min-height
דוגמאות min-width
מגדיר רוחב מינימלי של פסקה:הסבר על דוגמאות min-width
דוגמאות width
דוגמה זו ממחישה כיצד להגדיר את הרוחב של אלמנט באמצעות ערך אחוזים.הסבר על דוגמאות width
דוגמאות font
מגדיר כל התכונות של גופן בהצהרה אחת:דוגמה זו ממחישה כמה ערכים של מאפיין גופן.
הסבר על דוגמאות font
דוגמאות font-family
מגדיר גופן עבור פסקה:הסבר על דוגמאות font-family
דוגמאות font-size
מגדיר גודל גופן לאלמנטים HTML שונים:הסבר על דוגמאות font-size
דוגמאות font-style
מגדיר סגנון גופן שונה עבור שלושת הפסקאותהסבר על דוגמאות font-style
דוגמאות font-variant
מגדיר גופן של פסקה ל small-caps:הסבר על דוגמאות font-variant
דוגמאות font-weight
מגדיר משקל גופן שונה עבור שלושת הפסקאות:הסבר על דוגמאות font-weight
דוגמאות content
דוגמה הבאה מוסיפה כתובת האתר שבסוגריים אחרי כל קישור:מגדיר תוכן, אם צוין, כי ריק:
מגדיר תוכן, אם צוין, כי נורמלי, לפי ברירת מחדל הוא "none" (ריק):
מגדיר תוכן כי מונה:
מגדיר תוכן כי אחת מתכונות של סלקטור:
מגדיר את תוכן הטקסט שציינת:
מגדיר את התוכן להיות ציטוט הפתיחה:
מסיר ציטוט הפתיחה מתוכן, אם צוין:
מגדיר תוכן כי סוג מדיה (תמונה, קול, וידאו וכו'):
הסבר על דוגמאות content
דוגמאות counter-increment
שיטת מספור סעיפים ותתי סעיפים עם "סעיף 1", "1.1", "1.2", וכו':הסבר על דוגמאות counter-increment
דוגמאות quotes
מגדיר מרכאות על ציטוטים מוטבעים:הסבר על דוגמאות quotes
דוגמאות list-style
מציין כל מאפייני רשימה בהצהרה אחת:הסבר על דוגמאות list-style
דוגמאות list-style-image
מציין תמונה כסמן של אלמנט ברשימה:הסבר על דוגמאות list-style-image
דוגמאות list-style-position
מציין כי הסמנים של פריט ברשימה, אמורים להופיע בתוך התוכן (התוצאה היא תוספת רווח):הסבר על דוגמאות list-style-position
דוגמאות list-style-type
list-style-typeהסבר על דוגמאות list-style-type
דוגמאות margin
מגדיל כל ארבעה שוליים של אלמנט p:הסבר על דוגמאות margin
דוגמאות margin-bottom
מגדיר שוליים תחתונים של אלמנט p:הסבר על דוגמאות margin-bottom
דוגמאות margin-left
מגדיר שוליים שמאליים של אלמנט p:הסבר על דוגמאות margin-left
דוגמאות margin-right
מגדיר שוליים ימיניים של אלמנט p:הסבר על דוגמאות margin-right
דוגמאות margin-top
מגדיר שוליים עליונים של אלמנט p:הסבר על דוגמאות margin-top
דוגמאות padding
מגדיר ריפוד של אלמנט p:הסבר על דוגמאות padding
דוגמאות padding-bottom
מגדיר ריפוד תחתון עבור אלמנט p:הסבר על דוגמאות padding-bottom
דוגמאות padding-left
מגדיר ריפוד שמאלי עבור אלמנט p:הסבר על דוגמאות padding-left
דוגמאות padding-right
מגדיר ריפוד ימני עבור אלמנט p:הסבר על דוגמאות padding-right
דוגמאות padding-top
מגדיר ריפוד עליון עבור אלמנט p:הסבר על דוגמאות padding-top
דוגמאות bottom
מגדיר את הקצה התחתון של התמונה ב 5px מעל הקצה התחתון של האלמנט המכיל שלה:מגדיר מיקום של תמונה ב 100px מטה מהמיקום הרגיל שלה:
הסבר על דוגמאות bottom
דוגמאות clear
אלמנטים צפים לא מתאפשרים לא מצד ימין ולא מצד שמאל של תמונה:הסבר על דוגמאות clear
דוגמאות clip
חותך תמונה:הסבר על דוגמאות clip
דוגמאות display
מאפשר לפסקאות להתמקם בשורה אחת:דוגמה הזו ממחישה כיצד להשתמש בערך מאפיין inherit:
הסבר על דוגמאות display
דוגמאות left
מגדיר את קצה השמאלי של התמונה 50px ימינה מהקצה השמאלה של אלמנט המכיל:הסבר על דוגמאות left
דוגמאות overflow
מגדיר מאפיין overflow כדי לגלול:הסבר על דוגמאות overflow
דוגמאות position
ממקם אלמנט h2:דוגמה זו ממחישה כיצד למקם אלמנט יחסית למקום הרגיל שלו.
הסבר על דוגמאות position
דוגמאות right
מגדיר את קצה הימני של התמונה 50px שמאלה מהקצה הימני של אלמנט המכיל:הסבר על דוגמאות right
דוגמאות top
מאפשר לתמונה לצוף שמאלה:מגדיר את הקצה העליון של התמונה ב 5px מתחת הקצה העליון של האלמנט המכיל שלה:
הסבר על דוגמאות top
דוגמאות visibility
מסתיר אלמנט h2:הסבר על דוגמאות visibility
דוגמאות z-index
מגדיר z-index עבור תמונה:הסבר על דוגמאות z-index
דוגמאות border-collapse
מגדיר מודל גבולות קורסים עבור טבלה:הסבר על דוגמאות border-collapse
דוגמאות border-spacing
מגדיר רווח בין גבולות:הסבר על דוגמאות border-spacing
דוגמאות caption-side
מציין מיקום של כותרת טבלה:הסבר על דוגמאות caption-side
דוגמאות empty-cells
מסתיר גבול ורקע על תאים רייקים בטבלה:הסבר על דוגמאות empty-cells
דוגמאות table-layout
מגדיר אלגוריטם פריסת טבלה:הסבר על דוגמאות table-layout
דוגמאות מאפייני טקסט
מגדיר כיוון הטקסט "משמאל לימין":הסבר על דוגמאות מאפייני טקסט
דוגמאות color
מגדיר צבע של טקסט עבור אלמנטים שוניםהסבר על דוגמאות color
דוגמאות letter-spacing
מגדיר רווח בין האותיות עבור אלמנטים h1 ו h2:הסבר על דוגמאות letter-spacing
דוגמאות line-height
מגדיר גובה של שורה באחוזים:דוגמה זו ממחישה כיצד לציין את הרווח בין השורות בפסקה באמצעות ערך בפיקסלים.
דוגמה זו ממחישה כיצד לציין את הרווח בין השורות בפסקה באמצעות ערך מספרי.
הסבר על דוגמאות line-height
דוגמאות text-align
מגדיר ישור טקסט עבור אלמנטים h1, h2 и h3:דוגמה זו ממחישה ישור טקסט מתקדם יותר
הסבר על דוגמאות text-align
דוגמאות text-decoration
מגדיר קישוט של טקסט עבור אלמנטים h1, h2, h3 ו h4:הסבר על דוגמאות text-decoration
דוגמאות text-indent
מזיח שורה ראשונה של פסקה 50 פיקסלים:הסבר על דוגמאות text-indent
דוגמאות text-transform
הופך טקסט באלמנטים שונים:הסבר על דוגמאות text-transform
דוגמאות vertical-align
יישור אנכי של תמונה:הסבר על דוגמאות vertical-align
דוגמאות white-space
מציין שטקסט בפסקה אף פעם לא יעבור שורה:הסבר על דוגמאות white-space
דוגמאות word-spacing
מציין שרווח בין המילים בפסקה יהיה 30 פיקסלים:הסבר על דוגמאות word-spacing
דוגמאות מגדיר צבע של גבול תחתון:
מגדיר צבע של גבול תחתון:הסבר על דוגמאות מגדיר צבע של גבול תחתון:
האם מידע זה היה מועיל?
